/* v267 — clean top-layer profile dropdown; prevents navigation text from painting through/over the card. */ .site-header, .site-header .container, .site-header .header-main, .site-header .header-actions, .site-header .header-standard-actions{ overflow:visible!important; } .site-header .profile-menu.js-profile-menu{ position:relative!important; z-index:30!important; } /* In its normal/mobile position the card must still be fully opaque. */ .profile-menu-dropdown{ background:#fff!important; opacity:0; isolation:isolate; } .profile-menu-dropdown::before{ background:#fff!important; } /* Desktop portal. The element is moved directly under , so no header/nav stacking context, transform or overflow can ever paint on top of it. */ body > .profile-menu-dropdown.profile-menu-floating-v266{ position:fixed!important; top:var(--profile-float-top, 70px)!important; left:var(--profile-float-left, 12px)!important; right:auto!important; width:210px!important; max-width:calc(100vw - 24px)!important; margin:0!important; padding:8px!important; border:1px solid rgba(0,0,0,.10)!important; border-radius:15px!important; background:#fff!important; color:#111!important; box-shadow:0 20px 50px rgba(0,0,0,.24)!important; z-index:2147483647!important; opacity:1!important; visibility:visible!important; transform:none!important; pointer-events:auto!important; overflow:visible!important; isolation:isolate!important; } body > .profile-menu-dropdown.profile-menu-floating-v266::before{ content:""!important; position:absolute!important; top:-6px!important; left:var(--profile-arrow-left, 18px)!important; width:11px!important; height:11px!important; background:#fff!important; border-top:1px solid rgba(0,0,0,.10)!important; border-left:1px solid rgba(0,0,0,.10)!important; transform:rotate(45deg)!important; z-index:1!important; } body > .profile-menu-dropdown.profile-menu-floating-v266::after{ content:""!important; position:absolute!important; left:0!important; right:0!important; top:-10px!important; height:10px!important; background:transparent!important; pointer-events:auto!important; } body > .profile-menu-dropdown.profile-menu-floating-v266, body > .profile-menu-dropdown.profile-menu-floating-v266 *, body > .profile-menu-dropdown.profile-menu-floating-v266 a, body > .profile-menu-dropdown.profile-menu-floating-v266 a span, body > .profile-menu-dropdown.profile-menu-floating-v266 a svg{ color:#111!important; opacity:1!important; } body > .profile-menu-dropdown.profile-menu-floating-v266 a{ position:relative!important; z-index:2!important; display:flex!important; align-items:center!important; gap:11px!important; min-height:44px!important; padding:9px 11px!important; border-radius:10px!important; background:#fff!important; cursor:pointer!important; pointer-events:auto!important; white-space:nowrap!important; } body > .profile-menu-dropdown.profile-menu-floating-v266 a:hover{ background:#f5f3ef!important; color:#000!important; } body > .profile-menu-dropdown.profile-menu-floating-v266 a+a{ border-top:1px solid #eee!important; border-top-left-radius:0!important; border-top-right-radius:0!important; } body > .profile-menu-dropdown.profile-menu-floating-v266 .profile-menu-logout{ color:#a53333!important; } body > .profile-menu-dropdown.profile-menu-floating-v266 .profile-menu-logout *{ color:#a53333!important; } /* Keep mobile/touch behavior native to the header. */ @media (max-width:900px), (hover:none), (pointer:coarse){ .site-header .profile-menu.is-open .profile-menu-dropdown, .site-header .profile-menu:focus-within .profile-menu-dropdown{ opacity:1!important; visibility:visible!important; transform:translateY(0)!important; pointer-events:auto!important; background:#fff!important; z-index:9999!important; } } /* v268 — keep the main navigation visible. The profile card is positioned below the navigation row instead of covering it, so the two menus can never paint their text on top of each other. */ @media (min-width:901px) and (hover:hover) and (pointer:fine){ body > .profile-menu-dropdown.profile-menu-floating-v266{ background:#fff!important; mix-blend-mode:normal!important; filter:none!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; box-shadow:0 18px 45px rgba(0,0,0,.20)!important; transform:none!important; backface-visibility:hidden!important; -webkit-backface-visibility:hidden!important; } /* Transparent hover bridge for the small gap between the account icon and the dropdown when it sits below the nav row. */ body > .profile-menu-dropdown.profile-menu-floating-v266::after{ content:""!important; position:absolute!important; left:0!important; right:0!important; top:calc(-1 * var(--profile-bridge-height, 12px))!important; height:var(--profile-bridge-height, 12px)!important; background:transparent!important; pointer-events:auto!important; } } /* v269 — desktop header balance: search on the LEFT, logo centered, actions/account/cart/support on the RIGHT. Mobile keeps its current layout. */ @media (min-width:901px){ .site-header .header-main.header-standard-layout, body.home-overlay-layout .site-header.is-home-overlay .header-main.header-standard-layout{ direction:ltr!important; grid-template-columns:minmax(240px,1fr) auto minmax(240px,1fr)!important; grid-template-areas:"search logo actions"!important; } .site-header .header-standard-search, body.home-overlay-layout .site-header.is-home-overlay .header-standard-search{ grid-area:search!important; justify-self:start!important; margin-left:0!important; margin-right:auto!important; } .site-header .header-standard-logo, body.home-overlay-layout .site-header.is-home-overlay .header-standard-logo{ grid-area:logo!important; justify-self:center!important; } .site-header .header-standard-actions, body.home-overlay-layout .site-header.is-home-overlay .header-standard-actions{ grid-area:actions!important; justify-self:end!important; justify-content:flex-end!important; margin-left:auto!important; margin-right:0!important; } /* The profile dropdown now opens like a normal header dropdown, directly under the account icon. It may overlay the nav row, but its solid white card keeps menu text from visually mixing through it. */ body > .profile-menu-dropdown.profile-menu-floating-v266{ width:210px!important; background:#fff!important; opacity:1!important; z-index:2147483647!important; } } /* v271 — keep v270 header swap exactly as-is, but restore full desktop navigation interactivity above the hero and any decorative layers. */ @media (min-width:901px){ .site-header .main-nav, body.home-overlay-layout .site-header.is-home-overlay .home-mobile-nav{ position:relative!important; z-index:120!important; pointer-events:auto!important; isolation:isolate!important; } .site-header .main-nav .nav-container, body.home-overlay-layout .site-header.is-home-overlay .home-mobile-nav .nav-container, .site-header .main-nav .menu-root, body.home-overlay-layout .site-header.is-home-overlay .home-mobile-nav .menu-root, .site-header .main-nav .menu-item, body.home-overlay-layout .site-header.is-home-overlay .home-mobile-nav .menu-item, .site-header .main-nav .menu-item > a, body.home-overlay-layout .site-header.is-home-overlay .home-mobile-nav .menu-item > a, .site-header .main-nav .submenu-toggle, body.home-overlay-layout .site-header.is-home-overlay .home-mobile-nav .submenu-toggle{ pointer-events:auto!important; } .site-header .main-nav .nav-container, body.home-overlay-layout .site-header.is-home-overlay .home-mobile-nav .nav-container{ position:relative!important; z-index:121!important; overflow:visible!important; } .site-header .main-nav .menu-root, body.home-overlay-layout .site-header.is-home-overlay .home-mobile-nav .menu-root{ position:relative!important; z-index:122!important; } .site-header .main-nav .submenu, body.home-overlay-layout .site-header.is-home-overlay .home-mobile-nav .submenu{ z-index:10050!important; pointer-events:auto!important; } .site-header .main-nav .menu-item:hover > .submenu, .site-header .main-nav .menu-item:focus-within > .submenu, .site-header .main-nav .menu-item.open > .submenu, body.home-overlay-layout .site-header.is-home-overlay .home-mobile-nav .menu-item:hover > .submenu, body.home-overlay-layout .site-header.is-home-overlay .home-mobile-nav .menu-item:focus-within > .submenu, body.home-overlay-layout .site-header.is-home-overlay .home-mobile-nav .menu-item.open > .submenu{ opacity:1!important; visibility:visible!important; transform:none!important; pointer-events:auto!important; } /* A closed profile card must never form an invisible click-blocking layer. */ .site-header .profile-menu:not(.is-open) > .profile-menu-dropdown{ pointer-events:none!important; visibility:hidden!important; } /* Keep the actual open floating profile card clickable above everything. */ body > .profile-menu-dropdown.profile-menu-floating-v266{ pointer-events:auto!important; z-index:2147483647!important; } }