/* ============================================================
   GLOBAL HEADER OVERLAP FIX
   Prevents fixed/absolute header from cutting off page content
   on all inner pages — luxury safari aesthetic
   ============================================================ */

/* --- Desktop: all non-home pages --- */
body:not(.home) div[data-elementor-type="wp-page"],
body:not(.home) div[data-elementor-type="wp-post"] {
    padding-top: 120px !important;
}

/* --- Tablet --- */
@media screen and (max-width: 1024px) {
    body:not(.home) div[data-elementor-type="wp-page"],
    body:not(.home) div[data-elementor-type="wp-post"] {
        padding-top: 100px !important;
    }
}

/* --- Mobile --- */
@media screen and (max-width: 767px) {
    body:not(.home) div[data-elementor-type="wp-page"],
    body:not(.home) div[data-elementor-type="wp-post"] {
        padding-top: 90px !important;
    }

    /* FAQs page specific — extra breathing room for hero heading */
    .page-id-873 div[data-elementor-type="wp-page"] {
        padding-top: 100px !important;
    }

    /* Ensure first container on FAQs doesn't get clipped */
    .page-id-873 .elementor-element[data-id="b8b8b27"] {
        padding-top: 40px !important;
    }
}

/* ============================================================
   MOBILE NAV MENU — Luxury Dark Styling
   Ensures hamburger dropdown text is fully visible (white on
   dark charcoal) matching the homepage luxury header style
   ============================================================ */

/* Mobile dropdown panel background */
.elementor-nav-menu--dropdown,
.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    background-color: #121722 !important;
    border-top: 2px solid #E36C0E !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.45) !important;
}

/* All nav items in mobile dropdown */
.elementor-nav-menu--dropdown .elementor-item,
.elementor-nav-menu--dropdown a.elementor-item,
.elementor-nav-menu--dropdown li > a {
    color: #FFFFFF !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    padding: 14px 24px !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Hover state — brand orange */
.elementor-nav-menu--dropdown .elementor-item:hover,
.elementor-nav-menu--dropdown a.elementor-item:hover,
.elementor-nav-menu--dropdown li > a:hover,
.elementor-nav-menu--dropdown .elementor-item.elementor-item-active {
    color: #E36C0E !important;
    background-color: rgba(227,108,14,0.10) !important;
}

/* Hamburger / toggle icon — white always */
.elementor-menu-toggle,
.elementor-menu-toggle i,
.elementor-menu-toggle svg {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}

.elementor-menu-toggle {
    background-color: #121722 !important;
    border-radius: 4px !important;
    padding: 6px !important;
}

/* Sub-menu items */
.elementor-nav-menu--dropdown .elementor-nav-menu--dropdown {
    background-color: #1a2030 !important;
}

.elementor-nav-menu--dropdown .elementor-nav-menu--dropdown .elementor-item {
    padding-left: 36px !important;
    font-size: 12px !important;
    color: #e0e0e0 !important;
}

/* Ensure nav menu is visible on mobile — override any opacity/visibility issues */
@media screen and (max-width: 767px) {
    .elementor-nav-menu--dropdown {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        z-index: 9999 !important;
    }

    .elementor-nav-menu--dropdown .elementor-item {
        color: #FFFFFF !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
}