/**
 * Green Header & Footer Theme - Unified Himalayan Green & Blue Palette
 * - Seamless Unicolor Green Header (no double layers, no gradient seams)
 * - Removed left polygon white shape
 * - Pure white top-bar icons & typography (no blue, no boxes/shadows on social icons)
 * - Active menu item: crisp white text with vibrant blue underline (#2563eb) on seamless green background
 */

/* ==========================================================================
   1. GLOBAL FULL-WIDTH HEADER SETUP & SEAMLESS GREEN BACKGROUND
   ========================================================================== */

body {
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove "double layers" — Top bar and main header share the exact same Mountain Green */
.header-top-section,
.header-top,
.header-1,
#header-sticky {
    background-color: #10b981 !important;
    background: #10b981 !important;
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    width: 100% !important;
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
}

/* Full width containers */
.header-top-section .container-fluid,
.header-1 .container,
#header-sticky .container,
.header-main {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    margin: 0 !important;
}

/* Sticky header on scroll */
.header-1.sticky,
#header-sticky.sticky {
    background-color: #059669 !important;
    background: #059669 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12) !important;
}

/* Logo - Pure White on Green */
.header-main .header-left .logo img {
    filter: brightness(0) invert(1) !important;
}

/* ==========================================================================
   2. REMOVE WHITE SHAPE AT LEFT & ALIGN TOP BAR
   ========================================================================== */

.header-top-section::before,
.header-top-section::after,
.header-top::before,
.header-top::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    clip-path: none !important;
}

.header-top-wrapper .contact-list {
    margin-left: 0 !important;
}

/* ==========================================================================
   3. HEADER TOP BAR — UNICOLOR GREEN, PURE WHITE ICONS & TEXT, NO BOXES/SHADOWS
   ========================================================================== */

.header-top-section {
    padding: 10px 40px !important;
    z-index: 10 !important;
}

.header-top-wrapper .contact-list li,
.header-top-wrapper .contact-list li a,
.header-top-wrapper .header-top-right .top-list li,
.header-top-wrapper .header-top-right .top-list li a,
.header-top-section a,
.header-top-section span,
.header-top-section p {
    color: #ffffff !important;
    text-shadow: none !important;
}

.header-top-wrapper .contact-list li a:hover,
.header-top-wrapper .header-top-right .top-list li a:hover {
    color: rgba(255, 255, 255, 0.82) !important;
}

/* Pure white icons in top bar - NO blue, NO green, NO purple */
.header-top-section i,
.header-top-section a i,
.header-top-wrapper i,
.header-top-wrapper a i,
.header-top-wrapper .contact-list i,
.header-top-wrapper .contact-list a i,
.header-top i,
.header-top a i,
i.fa-envelope,
i.fa-map-marker-alt,
i.fa-whatsapp,
i.fa-viber,
i.fa-phone,
i.fa-phone-alt {
    color: #ffffff !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Top Social Icons — Unicolor, NO background box, NO border, NO shadow */
.header-top-section .social-icon,
.header-top-wrapper .social-icon,
.header-top-right .social-icon {
    display: inline-flex !important;
    align-items: center !important;
    gap: 16px !important;
}

.header-top-section .social-icon a,
.header-top-wrapper .social-icon a,
.header-top-right .social-icon a {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #ffffff !important;
    width: auto !important;
    height: auto !important;
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: opacity 0.2s ease, transform 0.2s ease !important;
}

.header-top-section .social-icon a:hover,
.header-top-wrapper .social-icon a:hover,
.header-top-right .social-icon a:hover {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #ffffff !important;
    opacity: 0.8 !important;
    transform: translateY(-1px) !important;
}

.header-top-section .social-icon a i,
.header-top-wrapper .social-icon a i,
.header-top-right .social-icon a i,
.header-top-section .social-icon i {
    color: #ffffff !important;
    font-size: 15px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* ==========================================================================
   4. NAVIGATION MENU — CRISP WHITE TEXT WITH BLUE UNDERLINE (#2563eb) FOR ACTIVE
   ========================================================================== */

/* Regular menu links - Pure white text, seamless green background */
.header-main .main-menu nav > ul > li > a,
.sticky .header-main .main-menu nav > ul > li > a,
#header-sticky.sticky .header-main .main-menu nav > ul > li > a {
    color: #ffffff !important;
    font-weight: 600 !important;
    text-shadow: none !important;
    text-decoration: none !important;
    border-bottom: 3px solid transparent !important;
    padding-bottom: 6px !important;
    background: transparent !important;
    background-color: transparent !important;
    transition: color 0.15s ease, border-color 0.15s ease !important;
}

/* Menu links hover - Pure white text, blue underline preview */
.header-main .main-menu nav > ul > li > a:hover,
.sticky .header-main .main-menu nav > ul > li > a:hover,
#header-sticky.sticky .header-main .main-menu nav > ul > li > a:hover {
    color: #ffffff !important;
    border-bottom: 3px solid #2563eb !important;
    background: transparent !important;
}

/* ACTIVE & OPEN menu item — Stays crisp white with blue underline (#2563eb) */
.header-main .main-menu nav > ul > li.active > a,
.header-main .main-menu nav > ul > li.active > a:hover,
.header-main .main-menu nav > ul > li.is-open > a,
.header-main .main-menu nav > ul:hover > li.active:not(:hover) > a,
.sticky .header-main .main-menu nav > ul > li.active > a,
.sticky .header-main .main-menu nav > ul > li.is-open > a,
.sticky .header-main .main-menu nav > ul:hover > li.active:not(:hover) > a,
#header-sticky.sticky .header-main .main-menu nav > ul > li.active > a,
#header-sticky.sticky .header-main .main-menu nav > ul > li.is-open > a,
#header-sticky.sticky .header-main .main-menu nav > ul:hover > li.active:not(:hover) > a {
    color: #ffffff !important;
    font-weight: 600 !important;
    border-bottom: 3px solid #2563eb !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* Dropdown arrow icons — Pure White */
.header-main .main-menu nav > ul > li > a i,
.header-main .main-menu nav > ul > li.active > a i,
.header-main .main-menu nav > ul > li.is-open > a i,
.header-main .main-menu nav > ul > li:hover > a i,
.sticky .header-main .main-menu nav > ul > li > a i,
#header-sticky.sticky .header-main .main-menu nav > ul > li > a i {
    color: #ffffff !important;
}

/* Right header items (search icon, menu bar) */
.header-right .search-icon,
.header-right .search-icon i,
.header-right .contact-button,
.header-right .contact-button i,
.header-right .menu-bar i,
.header-right .side-menu-icon i {
    color: #ffffff !important;
    background: transparent !important;
}

/* Circular search button in header */
.header-right .search-icon {
    background: #ffffff !important;
}
.header-right .search-icon i {
    color: #1f2937 !important;
}

/* ==========================================================================
   5. MEGA MENU STYLING
   ========================================================================== */

.yatri-mega-panel {
    background: #ffffff !important;
    border-top: 3px solid #10b981 !important;
}

.header-main .main-menu ul .yatri-mega-sidebar-item a {
    color: #4b5563 !important;
}

.header-main .main-menu ul .yatri-mega-sidebar-item.active a {
    background-color: #d1fae5 !important;
    color: #047857 !important;
}

.header-main .main-menu ul .yatri-mega-footer-link {
    color: #10b981 !important;
}

/* ==========================================================================
   6. FOOTER STYLING
   ========================================================================== */

.footer-section,
.footer-wrapper,
footer {
    background: linear-gradient(135deg, #047857 0%, #065f46 100%) !important;
    color: #ffffff !important;
}

.footer-section h2,
.footer-section h3,
.footer-section h4,
.footer-section h5,
.footer-section h6,
.footer-section p,
.footer-section a,
.footer-section i {
    color: #ffffff !important;
}

.footer-section a:hover {
    color: #d1fae5 !important;
}

.footer-section i {
    background: transparent !important;
}

/* Footer social icons keep their subtle frosted translucent badges */
.footer-social-icon a,
.footer-section .social-icon a {
    background: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.footer-bottom,
.copyright-area {
    background: #065f46 !important;
    color: #f0fdf4 !important;
}

/* ==========================================================================
   7. MOBILE NAVIGATION — Native Semantic Menu Theme
   Fixes: submenus closed by default, high contrast visible text, clean touch
   ========================================================================== */

/* --- Hamburger icon: white lines on green header --- */
.mean-container a.meanmenu-reveal span {
    background: #ffffff !important;
}

@media (max-width: 1199px) {

    /* Mean bar & reveal button — transparent on green header */
    .mean-container .mean-bar,
    .mean-container a.meanmenu-reveal {
        background: transparent !important;
        color: #ffffff !important;
    }

    /* Close "X" text — white */
    .mean-container a.meanmenu-reveal.meanclose {
        color: #ffffff !important;
    }

    /* ---- DRAWER CONTAINER: solid emerald green (#059669) ---- */
    .mean-container .mean-nav {
        background: #059669 !important;
        border-radius: 0 !important;
        padding: 0 !important;
        box-shadow: 0 4px 16px rgba(0,0,0,0.18) !important;
    }

    /* Remove float left from meanmenu defaults to prevent collapse/bleed bugs */
    .mean-container .mean-nav ul,
    .mean-container .mean-nav ul li {
        float: none !important;
        width: 100% !important;
        position: relative !important;
    }

    /* ---- TOP-LEVEL NAV LINKS: crisp white on emerald ---- */
    .mean-container .mean-nav > ul > li > a,
    .mean-container .mean-nav ul li a {
        display: block !important;
        float: none !important;
        width: 100% !important;
        box-sizing: border-box !important;
        color: #ffffff !important;
        font-weight: 600 !important;
        font-size: 15px !important;
        padding: 13px 55px 13px 20px !important; /* space on right for plus button */
        text-decoration: none !important;
        border: none !important;
        border-bottom: 1px solid rgba(255,255,255,0.12) !important;
        background: transparent !important;
        transition: background 0.15s ease, color 0.15s ease !important;
    }

    /* Last item no bottom border */
    .mean-container .mean-nav > ul > li:last-child > a {
        border-bottom: none !important;
    }

    /* Hover on main links */
    .mean-container .mean-nav > ul > li > a:hover {
        color: #ffffff !important;
        background: rgba(255,255,255,0.10) !important;
        text-decoration: none !important;
    }

    /* ---- ACTIVE TOP-LEVEL ITEM: highlighted with blue accent bar ---- */
    .mean-container .mean-nav ul li.active > a,
    .mean-container .mean-nav ul li.current-menu-item > a {
        color: #ffffff !important;
        background: rgba(0, 0, 0, 0.14) !important;
        border-left: 4px solid #60a5fa !important;
        border-bottom: 1px solid rgba(255,255,255,0.12) !important;
        font-weight: 700 !important;
    }

    /* ---- EXPAND TOGGLE BUTTON (+/- icon) ---- */
    .mean-container .mean-nav ul li a.mean-expand {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        width: 50px !important;
        height: 48px !important;
        line-height: 48px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
        color: #ffffff !important;
        background: transparent !important;
        border: none !important;
        border-left: 1px solid rgba(255,255,255,0.15) !important;
        text-decoration: none !important;
        font-size: 15px !important;
        z-index: 5 !important;
    }

    .mean-container .mean-nav ul li a.mean-expand:hover {
        background: rgba(255,255,255,0.12) !important;
        color: #ffffff !important;
    }

    .mean-container .mean-nav ul li a.mean-expand i {
        color: #ffffff !important;
        display: inline-block !important;
        transition: transform 0.25s ease !important;
    }

    .mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
        transform: rotate(45deg) !important;
    }

    /* ---- SUB-MENU CONTAINER: deep rich emerald background ---- */
    .mean-container .mean-nav ul li ul {
        background: #047857 !important;
        padding: 4px 0 !important;
        margin: 0 !important;
        box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.20) !important;
        border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
    }

    /* ---- SUB-MENU LINKS: crisp white text with clear indentation ---- */
    .mean-container .mean-nav ul li ul li a {
        display: block !important;
        float: none !important;
        width: 100% !important;
        padding: 11px 20px 11px 34px !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        color: #f0fdf4 !important;
        background: transparent !important;
        border: none !important;
        border-bottom: 1px solid rgba(255,255,255,0.08) !important;
        text-transform: none !important;
        text-decoration: none !important;
    }

    .mean-container .mean-nav ul li ul li:last-child > a {
        border-bottom: none !important;
    }

    .mean-container .mean-nav ul li ul li a:hover {
        background: rgba(255, 255, 255, 0.12) !important;
        color: #ffffff !important;
    }

    /* Active sub-menu link */
    .mean-container .mean-nav ul li ul li.active > a {
        background: rgba(255, 255, 255, 0.15) !important;
        color: #ffffff !important;
        font-weight: 600 !important;
    }

    /* ---- DESKTOP MEGA PANELS: completely hidden in mobile drawer ---- */
    .mean-container .yatri-mega-panel,
    .mean-container .yatri-mega-sidebar,
    .mean-container .yatri-mega-content {
        display: none !important;
    }
}