/* Sky High Theme refinements: floating nav, 1370 rail, and search. */
/* The header remains full-width but its floated card has a 16px top gap on scroll. */
.adventure-header.is-scrolled,
body.skyhigh-inner .adventure-header.is-scrolled { top:16px; margin-top:0; }
@media (min-width:783px) {
 body.admin-bar .adventure-header.is-scrolled,
 body.admin-bar.skyhigh-inner .adventure-header.is-scrolled { top:48px; }
}
@media (max-width:782px) {
 body.admin-bar .adventure-header.is-scrolled,
 body.admin-bar.skyhigh-inner .adventure-header.is-scrolled { top:20px; }
 body.admin-bar.home .adventure-header.is-scrolled { top:20px; }
}
/* Balance clickable nav links' left/right hover background; retain responsive layout. */
@media (min-width:1051px) {
 .adventure-header .nav-menu { column-gap:clamp(2px,.55vw,12px); }
 .adventure-header .nav-menu > li > a { padding:15px clamp(11px,.95vw,17px); border-radius:10px; }
 .adventure-header .nav-menu > li > a[aria-current=page]::after { left:11px;right:11px; }
}
.adventure-header .nav-menu > li > a:hover,
.adventure-header .nav-menu > li > a:focus-visible { background:var(--sky-lilac); }
/* Prevent the Pricing cards lifting on hover (retain border/colour effects). */
.skyhigh-pricing-page .shp-card:hover,
.skyhigh-pricing-page .shp-card:focus-within {transform:none !important;}
/* Embedded, font-independent SVGs across navigation and account pages. */
.skyhigh-icon,.skyhigh-account-icon { display:inline-block;flex-shrink:0;vertical-align:middle; }
.skyhigh-icon {fill:currentColor;}
/* Login/register password field: one positioned wrapper and one theme SVG eye.
   WooCommerce can auto-insert .password-input and .show-password-input;
   don't let its injected control create an empty strip underneath the field. */
.skyhigh-auth-page .woocommerce form.skyhigh-auth-form .skyhigh-password-wrap,
.skyhigh-auth-page .woocommerce form.skyhigh-auth-form .skyhigh-password-wrap.password-input,
.skyhigh-auth-page .woocommerce form.skyhigh-auth-form .skyhigh-password-wrap > .password-input {
 display:block !important;
 position:relative;
 box-sizing:border-box;
 width:100% !important;
 max-width:100%;
 margin:0 !important;
 padding:0 !important;
 min-height:0;
}
.skyhigh-auth-page .woocommerce form.skyhigh-auth-form .skyhigh-password-wrap > input.input-text,
.skyhigh-auth-page .woocommerce form.skyhigh-auth-form .skyhigh-password-wrap .password-input > input.input-text {
 display:block;
 width:100% !important;
 box-sizing:border-box;
 padding-right:62px !important;
 margin:0 !important;
}
/* Hide WooCommerce's empty icon-font control, even before our JS removes it. */
.skyhigh-auth-page .woocommerce form.skyhigh-auth-form .skyhigh-password-wrap .show-password-input:not(.skyhigh-password-toggle) {
 display:none !important;
 visibility:hidden !important;
}
.skyhigh-auth-page .woocommerce form.skyhigh-auth-form .skyhigh-password-wrap .skyhigh-password-toggle {
 position:absolute !important;
 top:50% !important;
 right:11px !important;
 bottom:auto !important;
 left:auto !important;
 transform:translateY(-50%) !important;
 display:flex !important;
 align-items:center;
 justify-content:center;
 width:42px !important;
 min-width:42px;
 max-width:42px;
 height:42px !important;
 min-height:42px;
 margin:0 !important;
 padding:0 !important;
 border:0 !important;
 border-radius:10px;
 box-shadow:none !important;
 background:transparent !important;
 color:var(--sky-purple) !important;
 font-size:0;
 line-height:1 !important;
 cursor:pointer;
 z-index:3;
 appearance:none;
 -webkit-appearance:none;
}
.skyhigh-auth-page .woocommerce form.skyhigh-auth-form .skyhigh-password-wrap .skyhigh-password-toggle:hover,
.skyhigh-auth-page .woocommerce form.skyhigh-auth-form .skyhigh-password-wrap .skyhigh-password-toggle:focus-visible {
 background:var(--sky-lilac) !important;
 color:var(--sky-violet) !important;
}
.skyhigh-auth-page .woocommerce form.skyhigh-auth-form .skyhigh-password-wrap .skyhigh-password-toggle:focus-visible {
 outline:2px solid var(--sky-violet) !important;
 outline-offset:1px;
}
.skyhigh-password-eye {display:block !important;width:22px;height:22px;flex:none;pointer-events:none;}
.skyhigh-password-eye .skyhigh-eye-slash{display:none;}
.skyhigh-password-toggle.is-visible .skyhigh-eye-slash{display:block;}
/* Full-viewport product search: grey backdrop, central form, keyboard-accessible. */
body.skyhigh-search-open:has(.header-search[open]){overflow:hidden !important;}
/* A stale browser-restored search class must not prevent ordinary mouse-wheel scrolling. */
body.skyhigh-search-open:not(:has(.header-search[open])){overflow-y:auto !important;}
.adventure-header .header-search-panel{
 position:fixed;inset:0;top:0;right:0;bottom:0;left:0;
 width:100vw;max-width:none;height:100dvh;min-height:100vh;
 display:flex;align-items:center;justify-content:center;
 z-index:3000;margin:0;padding:clamp(20px,5vw,48px);
 border:0;border-radius:0;box-shadow:none;
 background:rgba(29,30,39,.88);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);
 overflow-y:auto;color:#fff;
}
.adventure-header .header-search:not([open]) .header-search-panel{display:none;}
.header-search-content{width:min(100%,780px);max-height:100%;margin:auto;text-align:center;}
.header-search-eyebrow{display:block;margin-bottom:16px;color:#ffce61;font-size:12px;letter-spacing:.2em;font-weight:750;}
.header-search-content h2{font-size:clamp(30px,5.5vw,58px);line-height:1.1;color:#fff;margin:0 0 12px;}
.header-search-content > p{margin:0 0 35px;color:#e3e1e8;font-size:clamp(14px,1.6vw,18px);}
.header-search-close{position:fixed;top:max(24px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));display:grid;place-items:center;width:49px;height:49px;background:#fff;color:#1a1731;border:0;border-radius:50%;cursor:pointer;z-index:1;}
.header-search-close:hover{background:#ffc039;}
.header-search-close svg{width:25px;height:25px;}
.adventure-header .skyhigh-product-search-form{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border-radius:17px;background:#fff;box-shadow:0 20px 70px #0004;}
.adventure-header .skyhigh-product-search-form input[type=search]{flex:1;min-width:0;width:100%;min-height:58px;border:0;outline:none;box-shadow:none;padding:12px 16px;color:#18152b;background:#fff;font-size:17px;}
.adventure-header .skyhigh-product-search-form button[type=submit]{display:flex;align-items:center;justify-content:center;gap:9px;min-height:58px;padding:12px 20px;border:0;border-radius:12px;background:var(--sky-gold);color:#160c32;font-size:15px;font-weight:750;white-space:nowrap;cursor:pointer;}
.adventure-header .skyhigh-product-search-form button[type=submit]:hover{background:var(--sky-gold-hover);}
@media(max-width:600px){
 .header-search-close{top:20px;right:20px;}
 .adventure-header .skyhigh-product-search-form{padding:7px;gap:4px;}
 .adventure-header .skyhigh-product-search-form input[type=search]{font-size:14px;min-height:48px;padding-inline:10px;}
 .adventure-header .skyhigh-product-search-form button[type=submit]{min-height:48px;padding:10px 12px;}
 .adventure-header .skyhigh-product-search-form button[type=submit] span{display:none;}
 .header-search-content > p{margin-bottom:24px;}
}
/* WooCommerce-only product search result cards. */
.skyhigh-product-results{padding-block:40px;}
.skyhigh-product-results h2{margin:0 0 24px;font-size:clamp(25px,3vw,38px);}
.skyhigh-product-results .woocommerce ul.products{margin-top:20px;}
.skyhigh-product-results .woocommerce-pagination{margin-top:30px;}

/* Compact desktop menu: leave consistent horizontal hover in smaller widths. */
@media(min-width:1051px) and (max-width:1399px){
 .adventure-header .nav-menu{column-gap:3px;}
 .adventure-header .nav-menu > li > a{padding-inline:clamp(7px,.7vw,11px);}
}

/* Mobile menu is a dropdown, not a full-screen modal: never trap document scroll. */
@media(max-width:1050px){body.navigation-open:not(.skyhigh-search-open){overflow-y:auto!important;}}
