/* Sticky Header CSS - Makes header fixed at top with solid background */
/* Used by: contact.html, submit-property.html, about.html, privacy.html, property-detail.php */

/* Override - always show solid dark background with NO transitions */
header {
    background: #1a1d2e !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
    transition: none !important;
}

/* Keep exactly the same style when scrolled - NO changes */
header.scrolled {
    background: #1a1d2e !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
    transition: none !important;
}

/* Ensure navigation links and logo are white */
header .desktop-nav a,
header .logo-center,
header .logo-center a {
    color: #ffffff !important;
}

header .desktop-nav a:hover {
    color: #c0c0c0 !important;
}

/* Mobile menu styling */
header .mobile-menu-toggle {
    color: #ffffff !important;
}

header .mobile-menu-toggle span {
    background-color: #ffffff !important;
}

header .mobile-menu-toggle:hover {
    color: #c0c0c0 !important;
}