/* Shared customer navigation. Loaded after the legacy theme; independent pages use the same module. */
body .customer-nav{display:none;}
body .customer-save-state{font-size:15px!important;line-height:1.5;color:#74603e;margin:10px 0!important;}
body .customer-save-state[hidden]{display:none!important;}
body .customer-page-links{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;padding:12px 0;color:#147486;}
body#page_wardrobe .customer-page-links{max-width:1120px;margin:auto;padding:12px 24px;font-size:16px;}
body .customer-page-links a{display:inline-flex;align-items:center;min-height:44px;color:#147486;text-decoration:none;}
body .customer-page-links a[aria-current=page]{font-weight:700;color:#103f49;}
body .customer-menu-heading,body .customer-menu-shortcuts,body .customer-submenu-toggle{display:none;}
@media screen and (max-width:800px){
 body{--customer-nav-height:calc(64px + env(safe-area-inset-bottom,0px));--customer-action-height:0px;}
 body#page_flow,body#page_wardrobe{padding-bottom:calc(var(--customer-nav-height) + var(--customer-action-height) + 20px)!important;}
 body #mobile-nav.customer-nav,body#page_flow #mobile-nav.customer-nav{display:block!important;position:fixed;inset:auto 0 0;z-index:10000;height:auto!important;padding:5px 8px calc(5px + env(safe-area-inset-bottom,0px));box-sizing:border-box;background:#fff!important;border-top:1px solid #d4e1e3;box-shadow:0 -3px 18px #103f490a;}
 body #mobile-nav.customer-nav ul{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;margin:0!important;padding:0!important;list-style:none;}
 body #mobile-nav.customer-nav li{width:auto!important;float:none!important;min-width:0;}
 body #mobile-nav.customer-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:54px;margin:0 2px;padding:3px 0!important;color:#52666b!important;line-height:1.2;text-decoration:none;border-radius:12px;}
 body #mobile-nav.customer-nav a[aria-current=page]{background:#eaf3f4;color:#147486!important;font-weight:700;}
 body #mobile-nav.customer-nav svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
 body #mobile-nav.customer-nav .nav-text{font-size:12px!important;white-space:nowrap;}
 body #mobile-nav.customer-nav .nav-icon{position:relative;display:block;margin:0;line-height:1;}
 body .co-sticky-bar,body#page_wardrobe .wd-footer{bottom:var(--customer-nav-height)!important;z-index:9990;padding-bottom:10px!important;}
 body#page_flow .checkout_wrapper .flow_action{position:static!important;box-shadow:none!important;z-index:auto!important;}
 body#page_wardrobe .wd-app{padding-bottom:24px;}
 body#page_wardrobe .wd-message{bottom:calc(var(--customer-nav-height) + var(--customer-action-height) + 12px)!important;}
 body #floating-buttons{bottom:calc(var(--customer-nav-height) + 18px)!important;}
 body#page_flow #floating-buttons{display:none!important;}
 body #header_bar .header-menu-group .mobile-menu-label{display:none!important;}
 body #header_bar .header-menu-group #mobile-menu-toggle{width:44px!important;height:44px!important;border-radius:12px!important;box-shadow:none!important;background:#eaf3f4!important;border-color:#d4e1e3!important;}
 body #header_nav.header-nav-inline{box-sizing:border-box;overscroll-behavior:contain;padding:20px 18px max(24px,env(safe-area-inset-bottom))!important;width:min(90vw,380px)!important;height:100dvh!important;max-height:100dvh!important;background:#f7f8f5!important;visibility:hidden;box-shadow:none;border-radius:22px 0 0 22px;}
 body.menu-open #header_nav.header-nav-inline{visibility:visible;box-shadow:-12px 0 50px #103f4926;}
 body #header_nav .customer-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;color:#103f49;font:700 21px/1.4 "Microsoft JhengHei",sans-serif;}
 body #header_nav .customer-menu-heading small{display:block;font-size:12px;font-weight:400;letter-spacing:.1em;color:#52666b;margin-top:4px;}
 body #header_nav .customer-menu-close{border:1px solid #d4e1e3;background:#fff;color:#103f49;border-radius:50%;width:44px;height:44px;font:28px/1 sans-serif;cursor:pointer;}
 body #header_nav .customer-menu-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 22px;}
 body #header_nav .customer-menu-shortcuts a{display:block;padding:14px 10px;background:#eaf3f4;border:1px solid #d4e1e3;border-radius:12px;color:#103f49;font:600 16px/1.5 "Microsoft JhengHei",sans-serif;text-align:center;text-decoration:none;}
 body #header_nav.header-nav-inline>ul{border-radius:14px;overflow:hidden!important;}
 body #header_nav.header-nav-inline li{position:relative;}
 body #header_nav.header-nav-inline li>a{float:none!important;width:100%!important;min-height:50px;box-sizing:border-box;color:#283d42!important;font-size:16px!important;z-index:auto!important;}
 body #header_nav.header-nav-inline li.has-customer-submenu>a{padding-right:54px!important;}
 body #header_nav .customer-submenu-toggle{position:absolute;display:block;z-index:2;right:5px;top:3px;width:44px;height:44px;border:0;border-radius:10px;background:#eaf3f4;color:#147486;font:22px/1 sans-serif;}
 body #header_nav.header-nav-inline li .sub_nav{display:none!important;float:none!important;width:auto!important;}
 body #header_nav.header-nav-inline li .sub_nav .inner,body #header_nav.header-nav-inline li .sub_nav a{float:none!important;width:auto!important;}
 body #header_nav.header-nav-inline li.customer-submenu-open>.sub_nav{display:block!important;}
 body #header_nav.header-nav-inline li .sub_nav a{font-size:15px!important;line-height:1.5!important;min-height:44px;box-sizing:border-box;}
 body.menu-open #mobile-nav{pointer-events:none;}
 body .customer-nav a:focus-visible,body #header_nav button:focus-visible{outline:3px solid #b67736;outline-offset:-3px;}
}
@media(prefers-reduced-motion:reduce){body #header_nav.header-nav-inline{transition:none!important;}}
@media print{body #mobile-nav.customer-nav,body .customer-page-links,body .customer-save-state{display:none!important;}body#page_wardrobe{padding-bottom:0!important;}}
