/*
Theme Name: Beat Safari Shop
Description: Dedicated WooCommerce storefront matching the live Beat Safari navy identity.
Version: 1.1.0
Text Domain: beat-safari-shop
*/
@font-face{font-family:'Space Grotesk';src:url('assets/space-grotesk.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:dark;--navy:#080d14;--panel:#0e1d2c;--raised:#142638;--text:#edf4f8;--muted:#adc1cd;--orange:#ff8b32;--line:#df8a4f80;--blue-line:#83b8ce30}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.bs-shop{margin:0;background:linear-gradient(#071725cc,#0d2032de),url('assets/blue-texture.webp');background-color:var(--navy);background-size:auto,768px 768px;color:var(--text);font:16px/1.7 'Space Grotesk',Arial,sans-serif;min-height:100vh;display:flex;flex-direction:column}
.bs-shop a{color:inherit;text-decoration:none}.bs-shop a:hover{color:#ffb17c}.bs-shop :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #abdce9;outline-offset:4px}.bs-shop img{max-width:100%;height:auto}.skip-link{position:fixed;left:12px;top:-100px;z-index:9999;background:var(--orange);color:#080d14!important;padding:12px}.skip-link:focus{top:12px}
.site-nav{display:flex;align-items:center;gap:24px;min-height:76px;padding:6px max(24px,calc((100vw - 1280px)/2));border-bottom:1px solid var(--blue-line);background:#080d14f5}.brand{flex:none;display:flex;align-items:center}.brand img{display:block;width:135px;height:54px;object-fit:contain}.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:24px;font-size:13px}.desktop-nav a,.shop-actions a{display:flex;align-items:center;min-height:44px;white-space:nowrap}.desktop-nav a[aria-current]{color:var(--orange)}.shop-actions{display:flex;align-items:center;gap:8px;font-size:12px}.shop-actions .language{justify-content:center;min-width:38px;border:1px solid transparent;border-radius:7px}.shop-actions .language[aria-current]{border-color:#44647c;background:#0f1c2b}.mobile-nav{display:none}
.bs-shop main{flex:1}.shop-hero,.explore,.shop-content{width:min(1280px,calc(100% - 64px));margin-inline:auto}.section-line{display:flex;justify-content:space-between;gap:20px;padding:25px 0 20px;border-bottom:1px solid var(--blue-line);font:11px/1.6 monospace;letter-spacing:2px;color:var(--muted)}.section-line span:first-child{color:#ffad79}.hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:60px;align-items:center;padding:76px 0 80px}.eyebrow,.number{font:11px/1.7 monospace;letter-spacing:2px;text-transform:uppercase;color:#ffad79}.hero-copy h1{font-size:clamp(44px,5.1vw,76px);line-height:1.06;letter-spacing:-3px;font-weight:400;margin:22px 0 25px}.hero-copy h1 span{color:var(--muted)}.opening{display:flex;align-items:center;gap:10px;color:#ffad79;font-size:20px;margin:0 0 14px}.status-dot{width:7px;height:7px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 5px #ff8b3212}.lead{max-width:560px;color:var(--muted);font-size:17px;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.bs-shop .button,.bs-shop button.button,.bs-shop input.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:50px;padding:13px 20px;background:var(--raised);border:1px solid var(--line);border-radius:10px;color:var(--text);font:500 14px/1.5 'Space Grotesk',Arial,sans-serif;cursor:pointer}.bs-shop .button.primary,.bs-shop .button.alt,.bs-shop .wc-block-components-button{background:var(--orange);border-color:var(--orange);color:#080d14;font-weight:bold}.bs-shop .button:hover{border-color:#ffb17c;background:#213b53;color:#fff}.bs-shop .button.primary:hover,.bs-shop .button.alt:hover{background:#ffad70;color:#080d14}
.brand-panel{position:relative;isolation:isolate;overflow:hidden;min-height:420px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:60px 36px;background:radial-gradient(ellipse,#1b3d53aa,transparent 70%),#0e1d2c99;border:1px solid var(--line);box-shadow:0 16px 48px #03070d25}.brand-panel .sigil{position:absolute;width:94%;height:94%;object-fit:contain;opacity:.28;z-index:-1}.brand-panel .hero-logo{width:min(360px,95%);height:auto;filter:drop-shadow(0 6px 20px #02060b)}.brand-panel>p{text-align:center;font:11px/2 monospace;letter-spacing:4px;margin-top:32px;color:#adc1cd}.panel-label{position:absolute;inset:16px 18px auto;display:flex;justify-content:space-between;gap:12px;font:9px/1.5 monospace;letter-spacing:1.5px;color:#ffbe95}.panel-label.bottom{inset:auto 18px 16px;color:#adc1cd}.explore{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-bottom:64px}.explore>a{padding:24px;border:1px solid var(--line);border-radius:12px;background:#0e1c2aed;transition:background .2s,border-color .2s}.explore>a:hover{background:#142638;border-color:#f7a56b;color:var(--text)}.explore h2{font-size:22px;font-weight:400;line-height:1.4;margin:18px 0 28px}.card-link{font-size:13px;color:var(--muted)}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:26px max(32px,calc((100vw - 1280px)/2));border-top:1px solid var(--blue-line);background:#080d14f5}.site-footer p,.site-footer nav{font-size:12px;color:var(--muted)}.site-footer nav{display:flex;gap:22px}.shop-content{padding-block:48px 80px;min-height:65vh}.shop-content h1,.woocommerce-products-header h1{font-size:clamp(32px,4vw,56px);font-weight:400;line-height:1.15}.woocommerce .woocommerce-breadcrumb{color:var(--muted);margin-bottom:24px}.woocommerce ul.products li.product{border:1px solid var(--line);border-radius:12px;background:#0e1c2aed;padding:18px;overflow:hidden}.woocommerce ul.products li.product .price,.woocommerce div.product p.price,.woocommerce div.product span.price{color:#ffad79}.woocommerce :is(input,select,textarea),.bs-shop .wc-block-components-text-input input,.bs-shop .wc-blocks-components-select__select{background:#0f2030;color:var(--text);border:1px solid #739fb946;border-radius:6px;max-width:100%}.woocommerce form .form-row input.input-text{min-height:46px}.woocommerce table.shop_table,.woocommerce div.product .woocommerce-tabs ul.tabs::before{border-color:#44647c}.woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--raised);border-color:#44647c}.woocommerce div.product .woocommerce-tabs ul.tabs li.active,.woocommerce-checkout #payment,.woocommerce .woocommerce-customer-details address{background:var(--panel);color:var(--text)}.woocommerce-info,.woocommerce-message,.woocommerce-error{background:var(--panel);color:var(--text);border-top-color:var(--orange)}.woocommerce .quantity input.qty{padding-inline:6px}.woocommerce div.product form.cart .button{float:none}.woocommerce form :is(.form-row,.woocommerce-privacy-policy-text){color:var(--text)}.woocommerce a:not(.button):hover{text-decoration:underline}.bs-shop .wc-block-cart,.bs-shop .wc-block-checkout{color:var(--text)}.bs-shop .wc-block-components-order-summary{background:var(--panel)}.bs-shop .woocommerce-pagination a{min-width:44px;min-height:44px}
@media(min-width:981px){.woocommerce-page main.shop-content{max-width:1280px}}
@media(max-width:1150px){.site-nav{gap:16px;padding-inline:24px}.desktop-nav{gap:14px;font-size:12px}.hero-grid{gap:32px}.hero-copy h1{font-size:58px}.brand-panel{min-height:380px}}
@media(max-width:980px){.desktop-nav{display:none}.shop-actions{margin-left:auto}.mobile-nav{display:block}.mobile-nav summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:12px;list-style:none;padding:8px 12px;border:1px solid #44647c;border-radius:8px}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{position:absolute;z-index:50;left:20px;right:20px;top:74px;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 20px 50px #030c1abb}.mobile-nav nav a{display:block;padding:14px;min-height:48px}.hero-grid{gap:26px}.hero-copy h1{font-size:46px;letter-spacing:-2px}.lead{font-size:16px}.brand-panel{min-height:360px}.explore{gap:12px}.explore>a{padding:20px}.explore h2{font-size:19px}}
@media(max-width:700px){.site-nav{padding:6px 16px;gap:10px}.brand img{width:112px;height:50px}.shop-actions{gap:2px}.shop-actions .language{min-width:32px}.mobile-nav summary{padding:8px;font-size:11px}.shop-hero,.explore,.shop-content{width:calc(100% - 36px)}.section-line{font-size:9px;letter-spacing:1px;gap:8px;padding:20px 0 16px}.section-line span:last-child{text-align:right}.hero-grid{grid-template-columns:1fr;padding:44px 0 30px;gap:34px}.hero-copy h1{font-size:clamp(38px,11vw,68px);letter-spacing:-2px;margin:18px 0 24px}.eyebrow{font-size:10px}.opening{font-size:18px}.hero-actions{gap:10px}.hero-actions .button{flex:1;min-width:145px;font-size:13px;padding-inline:12px}.brand-panel{min-height:320px;padding:60px 36px}.explore{grid-template-columns:1fr;padding-bottom:36px}.explore h2{font-size:22px;margin:14px 0 20px}.site-footer{padding:24px 20px;gap:10px}.site-footer .brand{width:100%}.site-footer p{margin:0}.site-footer nav{min-height:44px;align-items:center}.shop-content{padding-top:32px}.woocommerce ul.products[class*=columns-] li.product{width:100%;float:none;margin:0 0 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Brand the consent controls without weakening hidden state or choice parity. */
body.bs-shop .bs-analytics-banner{left:16px;right:auto;bottom:74px;transform:none;width:min(620px,calc(100% - 32px));max-height:calc(100dvh - 100px);overflow:auto;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:14px;padding:22px;font:14px/1.6 'Space Grotesk',Arial,sans-serif;box-shadow:0 14px 50px #0007}
body.bs-shop .bs-analytics-banner h2{font:600 17px/1.4 'Space Grotesk',Arial,sans-serif;margin:0 0 10px}
body.bs-shop .bs-analytics-banner p{margin:0 0 14px}
body.bs-shop .bs-analytics-banner a{color:#ffb17c;text-decoration:underline}
body.bs-shop .bs-analytics-actions{display:flex;gap:10px;flex-wrap:wrap}
body.bs-shop .bs-analytics-actions button,body.bs-shop .bs-analytics-settings{background:var(--raised);color:var(--text);border:1px solid #63889c;border-radius:8px;font:500 13px/1.5 'Space Grotesk',Arial,sans-serif;min-height:44px;padding:10px 14px}
body.bs-shop .bs-analytics-actions button{flex:1;min-width:145px;cursor:pointer}
body.bs-shop .bs-analytics-settings{left:16px;bottom:16px;cursor:pointer}
body.bs-shop .hero-actions .button{border-radius:10px;background:var(--raised);color:var(--text);border:1px solid var(--line);font:500 14px/1.5 'Space Grotesk',Arial,sans-serif}
body.bs-shop .hero-actions .button.primary{background:var(--orange);color:var(--navy)}
body.bs-shop .wc-block-components-button{border-radius:10px}
body.bs-shop .wc-block-components-form .wc-block-components-text-input input,body.bs-shop .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input{background:var(--panel);color:var(--text)}
@media(max-width:700px){body.bs-shop .bs-analytics-banner{padding:16px;font-size:13px}body.bs-shop .bs-analytics-actions button{font-size:12px}.hero-actions .button{min-width:130px!important}}

.woocommerce :is(input,select,textarea){padding:12px}
body.bs-shop.woocommerce-page main.shop-content .button,body.bs-shop.woocommerce-page main.shop-content button.button{background:var(--raised);color:var(--text);border:1px solid var(--line);border-radius:10px;font:500 14px/1.5 'Space Grotesk',Arial,sans-serif}
body.bs-shop.woocommerce-page main.shop-content .button.alt,body.bs-shop.woocommerce-page main.shop-content button.button.alt{background:var(--orange);color:var(--navy)}
.shop-actions>a:not(.language){gap:5px}
@media(max-width:370px){.site-nav:has(.shop-actions>a:not(.language)) .brand img{width:84px}.site-nav:has(.shop-actions>a:not(.language)){gap:5px}}