/* =====================================================================
   GLASS HEADER v2 — Center Medallion Style
   Dark pill nav bar with a circular logo badge in the middle.
   No markup changes. Theme colors (#eab308 / dark glass). Fully responsive.
   ===================================================================== */

/* ---------- Top contact / social bar: HIDDEN per request ---------- */
.new_topbar,
body .new_topbar,
#site-header-sticky-wrapper + .new_topbar,
.new_topbar * {
    display: none !important;
}

.new_topbar .container {
    max-width: 1280px;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    flex-wrap: wrap;
}

.new_topbar .scl {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 14px 0 0 !important;
}

.new_topbar .scl a {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 50%;
    color: #fff !important;
    font-size: 14px !important;
    margin: 0 !important;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
    text-decoration: none;
}

.new_topbar .scl a:hover {
    transform: translateY(-2px) scale(1.08);
    background: rgba(255, 255, 255, 0.3);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.new_topbar .scl a img {
    width: 14px;
    height: 14px;
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.25));
}

.new_topbar .cnt {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    padding: 5px 14px;
    background: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.26);
    border-radius: 999px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    color: #fff !important;
    flex-wrap: wrap;
}

.new_topbar .cnt img {
    width: 16px;
    height: 16px;
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.2));
}

.new_topbar .cnt a {
    font-size: 13.5px !important;
    font-weight: 600;
    letter-spacing: 0.4px;
    color: #fff !important;
    margin: 0 !important;
    text-decoration: none;
}

.new_topbar .cnt a:hover { color: #ffeaf4 !important; }

.new_topbar .magnifier-sec {
    cursor: pointer;
    opacity: .85;
    transition: opacity .2s ease, transform .2s ease;
}

.new_topbar .magnifier-sec:hover { opacity: 1; transform: scale(1.12); }

/* ---------- Main header wrapper (KILL all backgrounds/blurs EVERYWHERE) ---------- */
html body #site-header,
html body #site-header.transparent-header,
html body #site-header-sticky-wrapper,
html body #transparent-header-wrap,
html body #site-header-inner,
html body.home #site-header,
html body.is-sticky #site-header,
html body .has-transparent-header.is-sticky #site-header {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
    border: none !important;
    border-bottom: none !important;
}

#site-header.transparent-header,
#site-header {
    padding: 0 !important;
    transition: padding .25s ease;
}

.has-transparent-header .is-sticky #site-header,
.is-sticky #site-header,
.is-sticky #site-header.transparent-header,
#site-header-sticky-wrapper.is-sticky,
#site-header-sticky-wrapper.is-sticky #site-header,
#site-header-sticky-wrapper.is-sticky #site-header.transparent-header,
.oceanwp-sticky-header-holder.is-sticky,
.oceanwp-sticky-header-holder.is-sticky #site-header {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
    border-bottom: none !important;
    filter: none !important;
    opacity: 1 !important;
}

#site-header-inner {
    --logo-x-offset: -18px;
    max-width: 1280px;
    margin: 0 auto !important;
    padding: 36px 20px 26px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 0;
    background: transparent !important;
    position: relative;
    min-height: 160px;
}

/* Hide CONTACTS menu item from the HEADER only (footer menu is separate) */
#menu-main-menu > li:nth-child(7),
#menu-main-menu > li.menu-item-11176 {
    display: none !important;
}

/* ---------- Centered circular LOGO medallion ---------- */
#site-logo {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(calc(-50% + var(--logo-x-offset, -18px)), -50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    z-index: 30 !important;
    float: none !important;
}

#site-logo-inner { margin: 0 !important; padding: 0 !important; }

#site-logo-inner a.custom-logo-link {
    display: block !important;
    width: 148px;
    height: 148px;
    aspect-ratio: 1 / 1;
    border-radius: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    transition: none !important;
    overflow: visible;
    position: relative;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
    filter:
        drop-shadow(0 10px 22px rgba(0, 0, 0, 0.55))
        drop-shadow(0 0 22px rgba(234, 179, 8, 0.45));
    color: inherit !important;
    opacity: 1 !important;
}

#site-logo-inner a.custom-logo-link::before,
#site-logo-inner a.custom-logo-link::after { content: none !important; display: none !important; }

/* Hide the lazy-load stub img so only the real logo renders */
#site-logo img.custom-logo.lzl,
#site-logo img.custom-logo:not([src]),
#site-logo img.custom-logo[src=""] {
    display: none !important;
}

#site-logo-inner a.custom-logo-link,
#site-logo-inner a.custom-logo-link:hover,
#site-logo-inner a.custom-logo-link:focus,
#site-logo-inner a.custom-logo-link:active,
#site-logo-inner a.custom-logo-link:visited {
    transform: none !important;
    opacity: 1 !important;
    background: transparent !important;
    background-color: transparent !important;
    color: inherit !important;
    filter:
        drop-shadow(0 10px 22px rgba(0, 0, 0, 0.55))
        drop-shadow(0 0 22px rgba(234, 179, 8, 0.45)) !important;
    transition: none !important;
    animation: none !important;
}

#site-logo-inner a.custom-logo-link:hover img.custom-logo,
#site-logo-inner a.custom-logo-link img.custom-logo {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
}

#site-logo img.custom-logo {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain;
    border-radius: 0 !important;
    display: block;
    filter: none;
    position: relative;
    z-index: 1;
}

/* ---------- Navigation pill ---------- */
#site-navigation-wrap {
    float: none !important;
    position: static !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    flex-direction: row !important;
}

#site-navigation { margin: 0 !important; padding: 0 !important; width: 100%; }

#menu-main-menu {
    list-style: none;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin: 0 auto !important;
    padding: 10px 34px !important;
    background: linear-gradient(180deg, rgba(25, 18, 5, 0.92), rgba(12, 8, 0, 0.92)) !important;
    border: 1px solid rgba(234, 179, 8, 0.45);
    border-radius: 9999px;
    box-shadow:
        0 14px 34px rgba(0, 0, 0, 0.45),
        inset 0 1px 0 rgba(234, 179, 8, 0.2);
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    max-width: 1100px;
    width: auto;
    min-height: 58px;
    position: relative;
    flex-wrap: nowrap;
}

/* Kill browser tap-highlight gray that appears on tablet/mobile when tapping */
#site-header,
#site-header a,
#site-header-inner,
#menu-main-menu,
#menu-main-menu *,
.oceanwp-mobile-menu-icon a {
    -webkit-tap-highlight-color: transparent !important;
    -webkit-touch-callout: none;
}

#menu-main-menu::before,
#menu-main-menu::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(234, 179, 8, 0.6);
    box-shadow: 0 0 10px rgba(234, 179, 8, 0.8);
}
#menu-main-menu::before { left: 14px; }
#menu-main-menu::after { right: 14px; }

#menu-main-menu > li {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    line-height: 1;
    flex: 0 0 auto;
}

/* Reserve gap in the center for the medallion (symmetric padding on items 3 & 4) */
#menu-main-menu > li:nth-child(3) {
    margin-right: 95px !important;
}
#menu-main-menu > li:nth-child(4) {
    margin-left: 95px !important;
}

#site-header-inner #site-navigation-wrap .dropdown-menu > li > a,
#menu-main-menu > li > a.menu-link {
    margin: 0 !important;
    padding: 10px 14px !important;
    border-radius: 999px;
    color: #fff !important;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    transition: color .2s ease, background .2s ease, transform .2s ease, box-shadow .25s ease;
    display: inline-block;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    position: relative;
}

#menu-main-menu > li > a.menu-link::after {
    content: "";
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 4px;
    height: 2px;
    background: linear-gradient(90deg, transparent, #fcd34d, transparent);
    opacity: 0;
    transition: opacity .25s ease;
}

#menu-main-menu > li > a.menu-link:hover,
#menu-main-menu > li.current-menu-item > a.menu-link,
#menu-main-menu > li:hover > a.menu-link {
    color: #ffd5e8 !important;
    background: rgba(234, 179, 8, 0.18);
    transform: translateY(-1px);
}

#menu-main-menu > li > a.menu-link:hover::after,
#menu-main-menu > li.current-menu-item > a.menu-link::after {
    opacity: 1;
}

/* ---------- Dropdown submenu ---------- */
#menu-main-menu .sub-menu,
#site-navigation .sf-menu ul.sub-menu {
    background: rgba(14, 10, 0, 0.92) !important;
    -webkit-backdrop-filter: blur(18px) saturate(170%);
    backdrop-filter: blur(18px) saturate(170%);
    border: 1px solid rgba(234, 179, 8, 0.45) !important;
    border-radius: 14px !important;
    padding: 8px !important;
    width: auto !important;
    min-width: 240px !important;
    max-width: min(340px, calc(100vw - 24px));
    box-sizing: border-box;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.55);
    margin-top: 14px !important;
}

/* Keep the LOCATIONS dropdown (longer labels) from going off-screen —
   anchor it to the right edge of its parent menu item. Targets both
   the LOCATIONS menu item by id and the last two items generically. */
#menu-main-menu > li#menu-item-1388 > .sub-menu,
#menu-main-menu > li:nth-last-child(-n+2) > .sub-menu {
    left: auto !important;
    right: 0 !important;
}

#menu-main-menu .sub-menu li.menu-item,
#site-navigation .sf-menu ul.sub-menu li.menu-item {
    border-bottom: none !important;
    background: transparent !important;
    width: 100%;
}

#menu-main-menu .sub-menu li a.menu-link,
#site-navigation .sf-menu ul.sub-menu li a.menu-link {
    display: block !important;
    padding: 8px 14px !important;
    border-radius: 8px;
    font-size: 12px !important;
    color: #fff !important;
    letter-spacing: 0.6px;
    transition: background .2s ease, transform .2s ease, color .2s ease;
    line-height: 1.3;
    text-transform: uppercase;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#menu-main-menu .sub-menu li a.menu-link:hover,
#site-navigation .sf-menu ul.sub-menu li a.menu-link:hover {
    background: linear-gradient(135deg, rgba(234, 179, 8, .9), rgba(252, 211, 77, .9)) !important;
    transform: translateX(3px);
    color: #fff !important;
}

/* ---------- Mobile menu toggle ---------- */
.oceanwp-mobile-menu-icon.mobile-right {
    display: none;
    padding: 0 !important;
    margin: 0 !important;
    position: absolute !important;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 25;
}

.oceanwp-mobile-menu-icon a#m-menu {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(234, 179, 8, 0.9), rgba(120, 53, 15, 0.9));
    border: 1px solid rgba(255, 255, 255, 0.22);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background .25s ease, transform .2s ease, box-shadow .25s ease;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: 0 6px 14px rgba(234, 179, 8, 0.35);
}

.oceanwp-mobile-menu-icon a#m-menu:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(234, 179, 8, 0.5);
}

.oceanwp-mobile-menu-icon a#m-menu img {
    width: 22px;
    height: 22px;
    border: none !important;
}

/* ---------- Responsive ---------- */
@media (max-width: 1200px) {
    #site-header-inner { --logo-x-offset: -15px; }
    #menu-main-menu {
        padding: 10px 28px !important;
    }
    #menu-main-menu > li > a.menu-link,
    #site-header-inner #site-navigation-wrap .dropdown-menu > li > a {
        padding: 9px 11px !important;
        font-size: 11px;
        letter-spacing: 1.1px;
    }
    #menu-main-menu > li:nth-child(3) { margin-right: 75px !important; }
    #menu-main-menu > li:nth-child(4) { margin-left: 75px !important; }
    #site-logo-inner a.custom-logo-link {
        width: 134px;
        height: 134px;
    }
}

@media (max-width: 1024px) {
    #site-header-inner {
        --logo-x-offset: -13px;
        padding: 22px 16px 14px !important;
        min-height: 120px;
    }
    #menu-main-menu {
        padding: 8px 22px !important;
        gap: 2px;
    }
    #menu-main-menu > li > a.menu-link,
    #site-header-inner #site-navigation-wrap .dropdown-menu > li > a {
        padding: 8px 9px !important;
        font-size: 10.5px;
        letter-spacing: 0.9px;
    }
    #menu-main-menu > li:nth-child(3) { margin-right: 65px !important; }
    #menu-main-menu > li:nth-child(4) { margin-left: 65px !important; }
    #site-logo-inner a.custom-logo-link {
        width: 120px;
        height: 120px;
    }
}

@media (max-width: 767px) {
    .oceanwp-mobile-menu-icon.mobile-right { display: inline-flex !important; }
    div#site-navigation-wrap { display: none !important; }

    #site-header-inner {
        justify-content: center;
        padding: 14px 16px !important;
        min-height: auto;
    }

    #site-logo {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
    }

    #site-logo-inner a.custom-logo-link {
        width: 76px;
        height: 76px;
    }
}

@media (max-width: 767px) {
    #site-header-sticky-wrapper #site-header.transparent-header,
    #site-header.transparent-header,
    #site-header {
        background: transparent !important;
        background-color: transparent !important;
    }

    #site-header-inner {
        background: transparent !important;
        padding: 12px 14px !important;
    }

    #site-logo-inner a.custom-logo-link {
        width: 70px;
        height: 70px;
    }

    .oceanwp-mobile-menu-icon.mobile-right { right: 12px; }

    .new_topbar .container {
        justify-content: space-between;
        gap: 10px;
    }
    .new_topbar .scl { margin-right: 0 !important; }
}

@media (max-width: 480px) {
    .new_topbar { padding: 6px 10px !important; }
    .new_topbar .container {
        flex-wrap: wrap;
        row-gap: 6px;
        justify-content: center;
    }
    .new_topbar .scl {
        display: flex;
        justify-content: center;
        width: auto;
        gap: 6px;
        text-align: center;
    }
    .new_topbar .scl a {
        width: 28px;
        height: 28px;
        font-size: 13px !important;
    }
    .new_topbar .scl a img { width: 13px; height: 13px; }
    .new_topbar .cnt {
        padding: 3px 10px;
        font-size: 13px;
    }
    .new_topbar .cnt a { font-size: 13px !important; }
    .new_topbar .cnt img { width: 14px; height: 14px; }

    #site-header-inner { padding: 10px 12px !important; }

    #site-logo-inner a.custom-logo-link {
        width: 62px;
        height: 62px;
    }

    .oceanwp-mobile-menu-icon a#m-menu {
        width: 40px;
        height: 40px;
        border-radius: 10px;
    }
    .oceanwp-mobile-menu-icon a#m-menu img { width: 20px; height: 20px; }
}

@media (max-width: 360px) {
    #site-logo-inner a.custom-logo-link {
        width: 56px;
        height: 56px;
    }
}

/* ======================================================================
   TABLET + DESKTOP (≥768px): force-hide hamburger, show text nav
   ====================================================================== */
@media (min-width: 768px) {
    .oceanwp-mobile-menu-icon,
    .oceanwp-mobile-menu-icon.mobile-right,
    a#m-menu,
    body .oceanwp-mobile-menu-icon,
    body.default-breakpoint .oceanwp-mobile-menu-icon { display: none !important; }
    div#site-navigation-wrap { display: flex !important; }
}

/* ======================================================================
   TABLET-ONLY FIX (768–1024): kill theme background/blur/glow on scroll.
   OceanWP sticky plugin adds `.is-sticky` to #site-header-sticky-wrapper,
   which applies box-shadow (blur 5px), background-color:#fff, and
   opacity:.95 on the header. Below selectors wipe ALL of that on tablet
   while preserving the dark gradient on the menu pill.
   ====================================================================== */
@media (min-width: 768px) and (max-width: 1024px) {
    html body.home #site-header.transparent-header,
    html body.home #site-header.transparent-header.effect-one,
    html body.home #site-header.transparent-header.fixed-scroll,
    html body.home #site-header.transparent-header.fixed-header,
    html body.home #site-header.transparent-header.effect-one.fixed-scroll.fixed-header,
    html body.has-transparent-header #site-header,
    html body.has-transparent-header #site-header.transparent-header,
    html body.has-transparent-header.is-sticky #site-header,
    html body.has-transparent-header.is-sticky #site-header.transparent-header,
    html body.has-transparent-header #site-header-sticky-wrapper.is-sticky #site-header,
    html body.has-transparent-header #site-header-sticky-wrapper.is-sticky #site-header.transparent-header,
    html body.has-transparent-header .is-sticky #site-header,
    html body.has-transparent-header .is-sticky #site-header.transparent-header,
    html body.is-sticky #site-header,
    html body.is-sticky #site-header.transparent-header,
    html body.is-sticky #site-header.transparent-header.effect-one.fixed-scroll.fixed-header,
    html body #site-header-sticky-wrapper.is-sticky,
    html body #site-header-sticky-wrapper.is-sticky #site-header,
    html body #site-header-sticky-wrapper.is-sticky #site-header.transparent-header,
    html body .oceanwp-sticky-header-holder.is-sticky,
    html body #site-header,
    html body #site-header.transparent-header,
    html body #site-header-sticky-wrapper,
    html body .oceanwp-sticky-header-holder,
    html body #transparent-header-wrap,
    html body #site-header-inner {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        box-shadow: none !important;
        border: none !important;
        border-bottom: none !important;
        filter: none !important;
        opacity: 1 !important;
        transition: none !important;
    }

    /* Kill transitions/animations so sticky-class cannot interpolate
       to a theme-default gray/white background */
    html body #site-header,
    html body #site-header *,
    html body #transparent-header-wrap,
    html body #site-header-sticky-wrapper,
    html body #site-header-inner {
        transition: none !important;
        animation-duration: 0s !important;
    }

    /* Explicitly pin the pill to the dark gradient in BOTH states —
       the menu pill MUST keep its background. */
    html body #menu-main-menu,
    html body.is-sticky #menu-main-menu,
    html body #site-header-sticky-wrapper.is-sticky #menu-main-menu,
    html body.has-transparent-header.is-sticky #menu-main-menu,
    html body.has-transparent-header .is-sticky #menu-main-menu {
        background: linear-gradient(180deg, rgba(25, 18, 5, 0.92), rgba(12, 8, 0, 0.92)) !important;
        border: 1px solid rgba(234, 179, 8, 0.45) !important;
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45) !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        opacity: 1 !important;
        filter: none !important;
        transition: none !important;
    }
}

/* ======================================================================
   MOBILE-ONLY ICON NAV — LARGE medallion, SMALL icons, no hamburger.
   ====================================================================== */
@media (max-width: 767px) {
    /* Keep nav visible; hide the hamburger completely */
    div#site-navigation-wrap { display: flex !important; }
    .oceanwp-mobile-menu-icon,
    .oceanwp-mobile-menu-icon.mobile-right,
    a#m-menu { display: none !important; }

    /* Hide the text labels (accessible hidden, not removed) */
    #menu-main-menu > li > a.menu-link span.text-wrap {
        position: absolute !important;
        width: 1px; height: 1px;
        padding: 0; margin: -1px;
        overflow: hidden;
        clip: rect(0,0,0,0);
        white-space: nowrap;
        border: 0;
    }

    /* Turn each link into a small circular icon button */
    #site-header-inner #site-navigation-wrap .dropdown-menu > li > a,
    #menu-main-menu > li > a.menu-link {
        width: 32px !important;
        height: 32px !important;
        padding: 0 !important;
        font-size: 0 !important;
        letter-spacing: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 50% !important;
        position: relative;
        background: rgba(234, 179, 8, 0.08) !important;
        border: 1px solid rgba(234, 179, 8, 0.18);
        transition: background .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
    }

    #menu-main-menu > li > a.menu-link::before {
        content: "";
        position: absolute;
        inset: 0;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 16px 16px;
        pointer-events: none;
        filter: drop-shadow(0 0 4px rgba(251, 191, 36, 0.5));
    }

    /* Hover / active state for icon buttons */
    #menu-main-menu > li > a.menu-link:hover,
    #menu-main-menu > li.current-menu-item > a.menu-link,
    #menu-main-menu > li:hover > a.menu-link {
        background: linear-gradient(135deg, rgba(234, 179, 8, 0.4), rgba(251, 191, 36, 0.15)) !important;
        border-color: rgba(251, 191, 36, 0.6);
        box-shadow: 0 6px 16px rgba(234, 179, 8, 0.35);
        transform: translateY(-1px);
    }

    /* Per-link icon backgrounds (URL match) */
    #menu-main-menu a[href$="index.html"]::before,
    #menu-main-menu a[href$="nikkibansal.com/"]::before {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fcd34d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 12 L12 3 L21 12'/><path d='M5 10 V 20 H 9 V 14 H 15 V 20 H 19 V 10'/></svg>");
    }
    /* Escorts = service icon (briefcase with heart handle) */
    #menu-main-menu a[href*="escorts-service"]::before {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fcd34d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='7' width='18' height='13' rx='2'/><path d='M8 7 V 5 a 2 2 0 0 1 2 -2 h 4 a 2 2 0 0 1 2 2 v 2'/><path d='M3 13 h 18'/></svg>");
    }
    /* Call Girls = profile icon (user silhouette) */
    #menu-main-menu a[href*="call-girls"]::before {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fcd34d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='8' r='4'/><path d='M4 21 Q 12 13 20 21'/></svg>");
    }
    #menu-main-menu a[href*="escorts-category"]::before {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fcd34d' stroke-width='2' stroke-linejoin='round'><rect x='3' y='3' width='7' height='7' rx='1.5'/><rect x='14' y='3' width='7' height='7' rx='1.5'/><rect x='3' y='14' width='7' height='7' rx='1.5'/><rect x='14' y='14' width='7' height='7' rx='1.5'/></svg>");
    }
    #menu-main-menu a[href*="mumbai-videos"]::before {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fcd34d' stroke-width='2' stroke-linejoin='round'><rect x='2' y='6' width='14' height='12' rx='2'/><path d='M16 10 L 22 7 V 17 L 16 14 Z'/></svg>");
    }
    #menu-main-menu a[href*="mumbai-locations"]::before {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fcd34d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 22 C 12 22 4 14 4 9 a 8 8 0 0 1 16 0 c 0 5 -8 13 -8 13z'/><circle cx='12' cy='9' r='3'/></svg>");
    }
    #menu-main-menu a[href*="contact-us"]::before {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fcd34d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='5' width='18' height='14' rx='2'/><path d='M3 7 L 12 13 L 21 7'/></svg>");
    }

    /* Mobile pill — keep dark gradient, no blur */
    #menu-main-menu {
        padding: 8px 16px !important;
        gap: 4px !important;
        min-height: 54px !important;
        background: linear-gradient(180deg, rgba(25, 18, 5, 0.92), rgba(12, 8, 0, 0.92)) !important;
        border: 1px solid rgba(234, 179, 8, 0.45) !important;
        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.45) !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

    /* Gap for medallion (balanced to clear size) */
    #menu-main-menu > li:nth-child(3) { margin-right: 72px !important; }
    #menu-main-menu > li:nth-child(4) { margin-left: 72px !important; }

    /* Medallion — large but balanced to the pill height */
    #site-logo {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(calc(-50% + var(--logo-x-offset, -3px)), -50%) !important;
    }
    #site-header-inner {
        --logo-x-offset: -3px;
        padding: 24px 12px !important;
        min-height: 110px;
    }
    #site-logo-inner a.custom-logo-link {
        width: 96px;
        height: 96px;
    }
}

@media (max-width: 640px) {
    #menu-main-menu > li > a.menu-link {
        width: 30px !important;
        height: 30px !important;
    }
    #menu-main-menu > li > a.menu-link::before { background-size: 15px 15px; }
    #menu-main-menu { padding: 7px 14px !important; min-height: 50px !important; }
    #menu-main-menu > li:nth-child(3) { margin-right: 66px !important; }
    #menu-main-menu > li:nth-child(4) { margin-left: 66px !important; }
    #site-header-inner { padding: 22px 10px !important; min-height: 102px; }
    #site-logo-inner a.custom-logo-link { width: 88px; height: 88px; }
}

@media (max-width: 560px) {
    #menu-main-menu > li > a.menu-link {
        width: 28px !important;
        height: 28px !important;
    }
    #menu-main-menu > li > a.menu-link::before { background-size: 14px 14px; }
    #menu-main-menu { padding: 6px 12px !important; min-height: 46px !important; gap: 3px !important; }
    #menu-main-menu > li:nth-child(3) { margin-right: 58px !important; }
    #menu-main-menu > li:nth-child(4) { margin-left: 58px !important; }
    #site-header-inner { padding: 20px 8px !important; min-height: 94px; }
    #site-logo-inner a.custom-logo-link { width: 80px; height: 80px; }
}

@media (max-width: 400px) {
    #menu-main-menu > li > a.menu-link {
        width: 26px !important;
        height: 26px !important;
    }
    #menu-main-menu > li > a.menu-link::before { background-size: 13px 13px; }
    #menu-main-menu { padding: 5px 9px !important; min-height: 42px !important; gap: 2px !important; }
    #menu-main-menu > li:nth-child(3) { margin-right: 50px !important; }
    #menu-main-menu > li:nth-child(4) { margin-left: 50px !important; }
    #site-header-inner { padding: 18px 6px !important; min-height: 84px; }
    #site-logo-inner a.custom-logo-link { width: 70px; height: 70px; }
}