/* Custom CSS to fix title and breadcrumb alignment */
.page-title-box {
    margin-left: calc(-1.5rem * 0.5) !important;
    margin-right: calc(-1.5rem * 0.5) !important;
    padding-left: calc(1.5rem * 0.5) !important;
    padding-right: calc(1.5rem * 0.5) !important;
}

/* Ensure the page title and breadcrumbs align with the container edges */
[data-layout="horizontal"] .page-title-box {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Custom header background color override */
:root {
    --vz-header-bg: #001640 !important;
}

:root[data-topbar="dark"] {
    --vz-header-bg: #001640 !important;
}

[data-bs-theme="dark"] {
    --vz-header-bg: #001640 !important;
}

[data-bs-theme="dark"][data-topbar="dark"] {
    --vz-header-bg: #001640 !important;
}

/* Make search bar and user profile background lighter for better contrast */
:root {
    --vz-topbar-search-bg: #f8f9fa !important;
    --vz-topbar-user-bg: #f8f9fa !important;
}

:root[data-topbar="dark"] {
    --vz-topbar-search-bg: rgba(255, 255, 255, 0.15) !important;
    --vz-topbar-user-bg: rgba(255, 255, 255, 0.15) !important;
}

[data-bs-theme="dark"] {
    --vz-topbar-search-bg: rgba(255, 255, 255, 0.15) !important;
    --vz-topbar-user-bg: rgba(255, 255, 255, 0.15) !important;
}

[data-bs-theme="dark"][data-topbar="dark"] {
    --vz-topbar-search-bg: rgba(255, 255, 255, 0.15) !important;
    --vz-topbar-user-bg: rgba(255, 255, 255, 0.15) !important;
}

/* Full screen live flight map styles - only apply when body has live-flight-map-page class */
body.live-flight-map-page #flightMap {
    z-index: 1000 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
}

/* Ensure header and sidebar appear above map on live flight map page */
body.live-flight-map-page #page-topbar {
    z-index: 1001 !important;
}

body.live-flight-map-page #sidebar-menu {
    z-index: 1001 !important;
}

/* Custom aircraft marker styles for rotation */
.custom-aircraft-marker {
    background: transparent !important;
    border: none !important;
}

.custom-aircraft-marker img {
    transition: transform 0.3s ease;
}

/* Enhanced popup styling for live flight map */
body.live-flight-map-page .leaflet-popup-content {
    margin: 12px 16px !important;
    line-height: 1.3 !important;
    padding: 0 !important;
}

body.live-flight-map-page .leaflet-popup-content-wrapper {
    background: #fff !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
    border: none !important;
    padding: 0 !important;
}

body.live-flight-map-page .leaflet-popup-tip {
    background: #fff !important;
    border: none !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

body.live-flight-map-page .leaflet-popup-close-button {
    display: none !important;
}

/* Flight track line styling */
body.live-flight-map-page .flight-track-line {
    stroke-dasharray: 5, 5 !important;
    animation: dash 1s linear infinite !important;
}

@keyframes dash {
    to {
        stroke-dashoffset: -10;
    }
}