/* MeteoRegistry - Vlastné štýly a témy (Light & Dark) */

/* Hladké rolovanie a minimalistický scrollbar */
html {
    scroll-behavior: smooth;
}

/* Scrollbar pre tmavý režim */
html.dark ::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.6);
}
html.dark ::-webkit-scrollbar-thumb {
    background: rgba(51, 65, 85, 0.8);
    border-radius: 9999px;
}
html.dark ::-webkit-scrollbar-thumb:hover {
    background: rgba(2, 132, 199, 0.8);
}

/* Scrollbar pre svetlý režim */
html:not(.dark) ::-webkit-scrollbar-track {
    background: rgba(241, 245, 249, 0.8);
}
html:not(.dark) ::-webkit-scrollbar-thumb {
    background: rgba(203, 213, 225, 0.9);
    border-radius: 9999px;
}
html:not(.dark) ::-webkit-scrollbar-thumb:hover {
    background: rgba(2, 132, 199, 0.8);
}

/* Fix prekrývania modálov nad Leaflet mapami */
.modal-container {
    z-index: 9999 !important;
}

.leaflet-container {
    font-family: inherit !important;
    z-index: 10 !important;
}

.leaflet-pane {
    z-index: 15 !important;
}

.leaflet-top, .leaflet-bottom {
    z-index: 20 !important;
}

/* Leaflet Map Styling */
html.dark .leaflet-container {
    background-color: #0f172a !important;
}

html.dark .leaflet-popup-content-wrapper {
    background-color: #0f172a !important;
    color: #f8fafc !important;
    border: 1px solid #334155 !important;
    border-radius: 1rem !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.5) !important;
    padding: 0.25rem !important;
}

html.dark .leaflet-popup-tip {
    background-color: #0f172a !important;
    border: 1px solid #334155 !important;
}

html:not(.dark) .leaflet-popup-content-wrapper {
    background-color: #ffffff !important;
    color: #0f172a !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 1rem !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
    padding: 0.25rem !important;
}

html:not(.dark) .leaflet-popup-tip {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
}

.leaflet-popup-content {
    margin: 0.75rem 1rem !important;
    line-height: 1.4 !important;
}

/* Custom Marker Pins */
.custom-pin {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: white;
    font-weight: bold;
    box-shadow: 0 0 15px rgba(0,0,0,0.4), 0 0 0 3px rgba(255,255,255,0.4);
    transition: transform 0.2s ease;
}

.custom-pin:hover {
    transform: scale(1.15);
}

.pin-active {
    background: linear-gradient(135deg, #10b981, #059669);
    box-shadow: 0 0 12px rgba(16, 185, 129, 0.5), 0 0 0 3px rgba(16, 185, 129, 0.3);
}

.pin-maintenance {
    background: linear-gradient(135deg, #f59e0b, #d97706);
    box-shadow: 0 0 12px rgba(245, 158, 11, 0.5), 0 0 0 3px rgba(245, 158, 11, 0.3);
}

.pin-inactive {
    background: linear-gradient(135deg, #ef4444, #dc2626);
    box-shadow: 0 0 12px rgba(239, 68, 68, 0.5), 0 0 0 3px rgba(239, 68, 68, 0.3);
}

/* Tlačové štýly pre evidenčný list stanice */
@media print {
    body {
        background: white !important;
        color: black !important;
    }

    .no-print, nav, header, aside, .modal-backdrop, button, .action-btn {
        display: none !important;
    }

    .print-only {
        display: block !important;
    }

    .print-card {
        border: 1px solid #ccc !important;
        box-shadow: none !important;
        background: white !important;
        color: black !important;
        page-break-inside: avoid;
    }
}