/* Header — prod-parity skin (ported from Eric's tuned prod header CSS). */
:root{
--rta-black:#0a0a0a;
--rta-panel:#141414;
--rta-line:#2a2a2a;
--rta-red:#ff2222;
--rta-red-deep:#8b0000;
--rta-amber:#ffa500;
--rta-green:#22c55e;
--rta-text:#f5f5f5;
--rta-mono:'Courier New',Courier,monospace;
}

/* 1. Perks marquee strip */
.site-header .top-header-container{background:var(--rta-black)!important;border-top:3px solid var(--rta-red-deep);border-bottom:1px solid var(--rta-line);padding:6px 0}
.site-header .text-slider{display:flex;align-items:center;gap:10px}
.site-header .text-slider .ts-viewport{flex:1 1 auto;min-width:0;overflow:hidden;text-align:center}
.site-header .text-slider .ts-slide{display:none}
.site-header .text-slider .ts-slide.is-active{display:block}
.site-header .text-slider,.site-header .text-slider a,.site-header .text-slider strong{font-family:var(--rta-mono)!important;color:var(--rta-amber)!important;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.site-header .text-slider a{text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.site-header .text-slider a:hover{color:var(--rta-red)!important}
.site-header .ts-arrow{flex:0 0 auto;background:transparent;border:0;color:var(--rta-amber);font-family:var(--rta-mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;padding:2px 6px}
.site-header .ts-arrow:hover{color:var(--rta-red)}
.site-header .ts-arrow:focus-visible{outline:2px solid var(--rta-red);outline-offset:2px}

/* 2. Main header band */
.site-header .main-container{background:var(--rta-panel)!important;border-bottom:1px solid var(--rta-line)}
.site-header .cell.logo a{display:inline-block;line-height:0}
.site-header .cell.logo img{display:block;max-height:76px;width:auto}
.site-header .search-container{position:relative;display:flex!important;align-items:stretch;padding:0!important}
.site-header .search-products-form{flex:1 1 auto;margin:0!important;min-width:0;display:flex}
.site-header .search-products-form .search-text{background:var(--rta-black)!important;border:1px solid var(--rta-red)!important;border-right:0!important;border-radius:0!important;color:var(--rta-text)!important;font-family:var(--rta-mono);font-size:12px;letter-spacing:.02em;height:44px!important;padding:0 14px!important;margin:0!important;width:100%!important;display:block}
.site-header .search-products-form .search-text::placeholder{color:#cfcfcf;text-transform:uppercase;font-size:12px;letter-spacing:.06em;opacity:1}
.site-header .search-products-form .search-text:focus{border-color:var(--rta-red)!important;outline:none;box-shadow:none}
.site-header .search-container:focus-within{box-shadow:0 0 12px rgba(255,34,34,.25)}
.site-header .search-submit{flex:0 0 48px;width:48px;height:44px;margin:0!important;display:flex;align-items:center;justify-content:center;background:var(--rta-red);border:0;color:#fff;font-size:16px;cursor:pointer;transition:background .15s ease}
.site-header .search-submit:hover{background:#d41414}
.site-header .search-submit:focus-visible{outline:2px solid #fff;outline-offset:-4px}
.site-header .support p{color:var(--rta-text)!important;font-family:var(--rta-mono);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin:0 0 2px}
.site-header .support a{color:var(--rta-amber)!important;font-family:var(--rta-mono);font-size:15px;font-weight:800;letter-spacing:.04em;text-decoration:none}
.site-header .support a:hover{color:var(--rta-red)!important}
.site-header .toolbar-icons a{color:var(--rta-text)!important;font-family:var(--rta-mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:color .15s ease}
.site-header .toolbar-icons a:hover{color:var(--rta-red)!important}
.site-header .toolbar-icons a i{color:inherit}
.site-header #_help_contact_us .help-icon{display:block;margin:0 auto 1px;width:24px;height:auto;filter:brightness(0) invert(1)}
.site-header #_help_contact_us a:hover .help-icon{filter:brightness(0) saturate(100%) invert(29%) sepia(97%) saturate(6207%) hue-rotate(354deg) brightness(101%) contrast(115%)}

/* Auth state */
.site-header #_account_container.rta-auth-in #_account i{position:relative}
.site-header #_account_container.rta-auth-in #_account i::after{content:"";position:absolute;top:-2px;right:-5px;width:8px;height:8px;background:var(--rta-green);border-radius:50%;border:1px solid var(--rta-panel);box-shadow:0 0 5px rgba(34,197,94,.8);animation:rta-dot-breathe 2.4s ease-in-out infinite}
@keyframes rta-dot-breathe{0%,100%{opacity:1}50%{opacity:.55}}
.site-header #_account_container.rta-auth-out #_account{color:var(--rta-amber)!important}
.site-header #_account_container.rta-auth-out #_account:hover{color:var(--rta-red)!important}

/* 3. Nav band */
.site-header .menu-container{background:var(--rta-black)!important;border-bottom:1px solid var(--rta-red-deep)}
.site-header #_navbar_nav ul.detached{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0}
.site-header #_navbar_nav ul.detached > li{position:relative}
.site-header #_navbar_nav ul.detached > li > a{display:flex;align-items:center;gap:6px;padding:12px 14px;color:var(--rta-text)!important;font-family:var(--rta-mono);font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease}
.site-header #_navbar_nav ul.detached > li > a:hover,.site-header #_navbar_nav ul.detached > li:hover > a{background:var(--rta-red)!important;color:#fff!important;border-bottom-color:var(--rta-red)}
.site-header #_navbar_nav ul.detached > li:hover > a .menu-text,.site-header #_navbar_nav ul.detached > li:hover > a .fa-chevron-down{color:#fff!important}
.site-header #_navbar_nav ul.detached > li > a .fa-chevron-down{transition:transform .25s ease,color .15s ease}
.site-header #_navbar_nav ul.detached > li:hover > a .fa-chevron-down{transform:rotate(-90deg)}
.site-header #_navbar_nav .fa-chevron-down{color:rgba(255,255,255,.85);font-size:10px}
.site-header #_navbar_nav .menu-item ul{position:absolute;top:100%;left:0;min-width:260px;z-index:9970;display:none;list-style:none;margin:0;padding:0;background:var(--rta-panel)!important;border:1px solid var(--rta-line)!important;border-top:2px solid var(--rta-red)!important;box-shadow:0 8px 24px rgba(0,0,0,.6)}
.site-header #_navbar_nav .menu-item:hover > ul,.site-header #_navbar_nav .menu-item:focus-within > ul{display:block}
.site-header #_navbar_nav .menu-item ul .menu-item{position:relative}
.site-header #_navbar_nav .menu-item ul .menu-item-link{display:block;position:relative;padding:12px 34px 12px 16px;background:var(--rta-panel)!important;color:#fff!important;text-decoration:none;border-bottom:1px solid #1c1c1c}
.site-header #_navbar_nav .menu-item ul .menu-item:last-child > .menu-item-link{border-bottom:0}
.site-header #_navbar_nav .menu-item ul .menu-item-link .fa-chevron-down{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.55);font-size:10px;transition:transform .25s ease,color .15s ease}
.site-header #_navbar_nav .menu-item ul .menu-text{color:#fff!important;font-family:var(--rta-mono);font-size:12px;letter-spacing:.03em;text-transform:uppercase}
.site-header #_navbar_nav .menu-item ul .menu-item-link:hover{background:var(--rta-panel)!important;color:var(--rta-red)!important}
.site-header #_navbar_nav .menu-item ul .menu-item-link:hover .fa-chevron-down,.site-header #_navbar_nav .menu-item ul .menu-item:hover > .menu-item-link .fa-chevron-down{color:var(--rta-red);transform:translateY(-50%) rotate(-90deg)}
.site-header #_navbar_nav .menu-item ul .menu-item-link:hover .menu-text{color:var(--rta-red)!important}
.site-header #_navbar_nav .menu-item ul ul{top:0;left:100%}

@media(max-width:1024px){
.site-header .menu-container{display:none}
}

/* Mobile drawer menu reuses the prod nav tree as a stacked list */
#_mobile_menu ul.detached{display:block;list-style:none;margin:0;padding:0}
#_mobile_menu .menu-item-link{display:block;padding:12px 14px;color:var(--rta-text);font-family:var(--rta-mono);font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--rta-line)}
#_mobile_menu .menu-item ul{list-style:none;margin:0;padding:0 0 0 16px}
#_mobile_menu .menu-item ul .menu-item-link{font-size:12px;font-weight:400;color:#ccc}
#_mobile_menu .fa-chevron-down{color:var(--rta-amber);font-size:10px}

/* Global-search shortcode form skinned to the prod single-field look */
.site-header .search-container [data-twoa-gs-category-picker]{display:none}
.site-header .search-container .global-search-form,.site-header .search-container form[class*="global-search"]{display:flex;align-items:stretch;flex:1 1 auto;min-width:0;margin:0}
.site-header .search-container [data-twoa-gs-global-search-input]{background:var(--rta-black)!important;border:1px solid var(--rta-red)!important;border-right:0!important;border-radius:0!important;color:var(--rta-text)!important;font-family:var(--rta-mono);font-size:12px;letter-spacing:.02em;height:44px!important;padding:0 14px!important;margin:0!important;width:100%!important;flex:1 1 auto;min-width:0}
.site-header .search-container [data-twoa-gs-global-search-input]::placeholder{color:#cfcfcf;text-transform:uppercase;font-size:12px;letter-spacing:.06em;opacity:1}
.site-header .search-container [data-twoa-gs-global-search-input]:focus{border-color:var(--rta-red)!important;outline:none;box-shadow:none}
.site-header .search-container button[type="submit"]{flex:0 0 48px;width:48px;height:44px;margin:0!important;display:flex;align-items:center;justify-content:center;background:var(--rta-red);border:0;color:#fff;font-size:16px;cursor:pointer}
.site-header .search-container button[type="submit"]:hover{background:#d41414}
.site-header .search-container [data-twoa-gs-global-search-clear]{background:transparent;border:0;color:#cfcfcf;cursor:pointer;padding:0 8px}
.site-header .search-container [data-twoa-gs-global-search-clear]:hover{color:var(--rta-red)}
.site-header .search-container .search-wrapper{display:flex;align-items:stretch;flex:1 1 auto;min-width:0;position:relative}

/* Search preview panel — tactical skin over the plugin's light default */
.site-header .global-search-preview{background:#0d0d0d!important;border:1px solid rgba(255,68,68,.4)!important;border-top:2px solid var(--rta-red)!important;box-shadow:0 18px 44px rgba(0,0,0,.7),0 0 22px rgba(255,68,68,.12)!important;border-radius:0!important;padding:14px!important}
.site-header .global-search-preview::before{content:"// SEARCH RESULTS";display:block;font-family:var(--rta-mono);font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--rta-red);margin:2px 2px 12px}
.site-header .global-search-preview__inner{gap:14px!important}
.site-header .global-search-preview__item{background:#161616!important;border:1px solid #2a2a2a!important;border-radius:0!important;box-shadow:none!important;transition:border-color .15s,box-shadow .15s;overflow:hidden}
.site-header .global-search-preview__item:hover{border-color:var(--rta-red)!important;box-shadow:0 0 14px rgba(255,68,68,.2)!important}
.site-header .global-search-preview__item-link{text-decoration:none!important}
.site-header .global-search-preview__thumb{background:#fff!important;border-radius:0!important;padding:10px!important}
.site-header .global-search-preview__thumb img{object-fit:contain!important}
.site-header .global-search-preview__title{color:#fff!important;font-weight:800!important;text-transform:uppercase;font-size:12px!important;line-height:1.3!important}
.site-header .global-search-preview__price,.site-header .global-search-preview__price .woocommerce-Price-amount{color:#fff!important;font-family:var(--rta-mono);font-weight:700!important;font-size:14px!important}
.site-header .global-search-preview__price del{color:var(--rta-red)!important;display:block;font-size:.8em}
.site-header .global-search-preview__price ins{text-decoration:none}
.site-header .global-search-preview__action{background:#8a0002!important;border:1px solid #ff4444!important;color:#fff!important;border-radius:0!important;font-family:var(--rta-mono)!important;font-weight:700!important;font-size:11px!important;letter-spacing:.1em;text-transform:uppercase!important}
.site-header .global-search-preview__action:hover{background:#c00000!important}
/* WooCommerce's add-to-cart script toggles .loading while the request runs and .added on success (2026-09-17): the card shows both */
.site-header .global-search-preview__action.loading{opacity:.7;cursor:progress;pointer-events:none;background:#5a0001!important;border-color:#ffa500!important}
.site-header .global-search-preview__action.loading .global-search-preview__action-icon{display:inline-flex!important;margin-left:8px;width:12px;height:12px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:rta-gs-spin .7s linear infinite}
.site-header .global-search-preview__action.loading .global-search-preview__action-icon svg{display:none}
.site-header .global-search-preview__action.added{background:#0f3d1f!important;border-color:#31d158!important}
.site-header .global-search-preview__actions .added_to_cart{display:none} /* the drawer is the confirmation; no "View cart" link inside the card */
@keyframes rta-gs-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.site-header .global-search-preview__action.loading .global-search-preview__action-icon{animation:none;border-top-color:rgba(255,255,255,.35)}}
.site-header .global-search-preview__action--disabled{background:#161616!important;border:1px solid #333!important;color:#ffa500!important}
.site-header .global-search-preview__footer{background:transparent!important;border:1px solid #333!important;border-radius:0!important;color:var(--rta-amber)!important;font-family:var(--rta-mono)!important;font-size:11px!important;font-weight:700!important;letter-spacing:.12em;text-transform:uppercase!important;transition:border-color .15s,color .15s}
.site-header .global-search-preview__footer:hover{border-color:var(--rta-red)!important;color:var(--rta-red)!important}
.site-header .global-search-preview__footer-text{color:inherit!important}
.site-header .global-search-preview__empty{color:#fff!important;font-family:var(--rta-mono);letter-spacing:.08em;text-transform:uppercase}
.site-header .global-search-preview__skeleton-block,.site-header .global-search-preview__skeleton-line{background:linear-gradient(90deg,#1a1a1a,#242424,#1a1a1a)!important}
.site-header .global-search-preview__thumb--skeleton{background:#161616!important}

/* Search preview card: 2-row title + UPC/qty meta row */
.site-header .global-search-preview__title{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.site-header .global-search-preview__meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:4px 0 2px;font-family:var(--rta-mono);font-size:10.5px;letter-spacing:.06em}
.site-header .global-search-preview__meta .gsp-upc{color:var(--rta-amber)}
.site-header .global-search-preview__meta .gsp-qty{color:var(--rta-green);font-weight:700}
.site-header .global-search-preview__meta .gsp-qty--oos{color:var(--rta-red)}

/* Plugin submit: square red fire button (its default is a circle) */
.site-header .search-container .global-search-form__button{border-radius:0!important;flex:0 0 48px;width:48px!important;height:44px!important;margin:0!important;background:var(--rta-red)!important;border:0!important;color:#fff!important;display:flex;align-items:center;justify-content:center;cursor:pointer}
.site-header .search-container .global-search-form__button:hover{background:#d41414!important}
.site-header .search-container .global-search-form__button svg{stroke:#fff}

/* Toolbar icons on their own row, roomier spacing */
.site-header .toolbar-icons-row{display:flex;justify-content:center;padding:12px 0 2px}
.site-header .toolbar-icons-row .toolbar-icons{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:100%;gap:0;list-style:none;margin:0;padding:0 6px}
.site-header .cell.toolbar{justify-content:flex-end}
@media (max-width:640px){.site-header .toolbar-icons-row .toolbar-icons{padding:0 4px}}

.site-header #_navbar_nav .menu-item ul ul{top:-2px;left:100%;max-height:32rem;overflow-y:auto;overflow-x:hidden}
@media (max-width:767px){
.site-header{top:calc(-1 * var(--rta-mhead-off,0px))}
.site-header .logo{display:flex;justify-content:center;text-align:center}
.site-header .logo img{margin:0 auto}
}