/* Match the academy app controls, including open menus on every browser. */
.progress-toolbar,.shop-variant,.progress-basket{--shop-control:#0b1510;--shop-line:#294435;--shop-accent:#00ff66;color-scheme:dark}
.progress-toolbar{padding:1.15rem;border:1px solid var(--shop-line);border-radius:20px;background:linear-gradient(135deg,#0d1a13f5,#070d0af5);box-shadow:0 12px 36px #0003}
.progress-toolbar label,.shop-variant{gap:.5rem;color:#c0d0c6;font-size:.85rem;font-weight:600;letter-spacing:.015em;min-width:0}
.progress-toolbar label{flex:1 1 220px}
.progress-toolbar input[type=search]{min-height:50px;padding:.8rem 1rem .8rem 2.8rem;border:1px solid var(--shop-line);border-radius:14px;background:#0b1510 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%237aa58b' stroke-width='1.8'%3E%3Ccircle cx='8.5' cy='8.5' r='5.5'/%3E%3Cpath d='m13 13 4 4'/%3E%3C/svg%3E") no-repeat .9rem center;color:#f2fff6;font:inherit;font-size:1rem}
.progress-toolbar input::placeholder{color:#81978a;opacity:1}
.shop-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:50px;width:100%;min-width:0;padding:.8rem 1rem;border:1px solid #294435;border-radius:14px;background:#0b1510;color:#f2fff6;font:500 .9rem/1.4 Poppins,Inter,sans-serif;letter-spacing:0;text-align:left;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff05}
.shop-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shop-select-chevron{width:8px;height:8px;border-right:2px solid #00ff66;border-bottom:2px solid #00ff66;transform:rotate(45deg);flex-shrink:0;margin:-4px 2px 0 .5rem}
.shop-select-trigger[aria-expanded=true]{border-color:#00ff66;background:#102218}
.shop-select-trigger[aria-expanded=true] .shop-select-chevron{transform:rotate(225deg);margin-top:4px}
.shop-select-trigger:hover,.progress-toolbar input:hover{border-color:#427052}
.shop-select-trigger:focus-visible,.progress-toolbar input:focus-visible{outline:2px solid #00ff66;outline-offset:3px;box-shadow:0 0 0 5px #00ff6612}
.shop-select-trigger:disabled{opacity:.5;cursor:not-allowed}
.shop-native-select{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;clip-path:inset(50%);overflow:hidden;white-space:nowrap;pointer-events:none}
.shop-select-menu{position:fixed;z-index:1000;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;padding:6px;border:1px solid #335741;border-radius:16px;background:#0b1510;color:#effff4;box-shadow:0 20px 60px #0009,0 0 0 1px #00ff6608;color-scheme:dark;font:500 .9rem/1.4 Poppins,Inter,sans-serif;scrollbar-color:#335741 #0b1510}
.shop-select-menu [role=option]{position:relative;display:flex;align-items:center;min-height:44px;padding:10px 14px 10px 34px;border-radius:10px;cursor:pointer;overflow-wrap:anywhere}
.shop-select-menu [aria-selected=true]{background:#123721;color:#79ffaa}
.shop-select-menu [aria-selected=true]::before{content:'✓';position:absolute;left:12px;font-weight:700}
.shop-select-menu [role=option].is-highlighted{background:#00ff66;color:#041008}
.progress-directory{gap:.6rem}
.progress-directory a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.6rem 1rem;border:1px solid #294435;border-radius:999px;background:#0b1510;color:#b5dfc2;text-decoration:none;font-size:.9rem;font-weight:600}
.progress-directory a:hover,.progress-directory a:focus-visible{border-color:#00ff66;background:#123721;color:#9affbc}
.progress-quick-add{background:#0b1510;border-color:#294435}
.progress-quick-add button{border-color:#294435;border-radius:10px;background:#0b1510;color:#b5dfc2;padding:.5rem .7rem;font:inherit;font-size:.85rem}
.progress-quick-add button:hover:not(:disabled){border-color:#00ff66;background:#123721;color:#9affbc}
.progress-quick-add button:focus-visible,.progress-directory a:focus-visible{outline:2px solid #00ff66;outline-offset:3px}
.progress-basket-lines label{display:inline-grid;gap:.4rem;margin:.5rem 0}
.progress-basket-lines .shop-select-trigger{width:110px;min-height:44px}
.progress-basket-lines button[data-remove]{border-color:#294435;border-radius:999px;min-height:44px;padding:.6rem 1rem;background:#0b1510;color:#b5dfc2}
.progress-basket-lines button[data-remove]:hover{border-color:#00ff66;background:#123721}
.shop-empty .button.secondary{border-color:#294435;border-radius:999px;background:#0b1510;color:#b5dfc2}
.shop-checkout-form input{color-scheme:dark}
@media(max-width:420px){.progress-toolbar{padding:1rem}.shop-select-trigger{padding:.75rem;font-size:.85rem}}
@media(prefers-reduced-motion:no-preference){.shop-select-trigger,.progress-toolbar input,.progress-directory a,.progress-quick-add button{transition:background-color .15s,border-color .15s,box-shadow .15s}}

/* Native fallbacks and the existing consent toggles on shop pages. */
.shop-themed-controls select{color-scheme:dark;background:#0b1510;color:#f2fff6;border-color:#294435;border-radius:14px!important}
.shop-themed-controls select option{background:#0b1510;color:#effff4}
.shop-themed-controls input[type=checkbox]{appearance:none;width:20px;height:20px;min-width:20px;flex-shrink:0;border:1px solid #50715b;border-radius:6px;background:#080e0a;cursor:pointer}
.shop-themed-controls input[type=checkbox]:checked{border-color:#00ff66;background:#00ff66 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23041008' stroke-width='2.4'%3E%3Cpath d='m4 9 3 3 7-7'/%3E%3C/svg%3E") center/18px no-repeat}
.shop-themed-controls input[type=checkbox]:focus-visible{outline:2px solid #00ff66;outline-offset:3px}
