/*
Theme Name: Refuel AI Supplements Mobile Chrome Fixed V6.4.64
Theme URI: https://refuelaisupplements.com/
Author: Refuel AI
Description: Custom Refuel AI Supplements landing page theme with WooCommerce shop, cart and checkout support.
Version: 6.4.64
Text Domain: refuel-ai-supplements-gateway-safe-v5-6
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 8.1
*/

:root {
  --refuel-bg: #020708;
  --refuel-surface: #071416;
  --refuel-cyan: #20eee0;
  --refuel-mint: #85ffc1;
  --refuel-text: #f2ffff;
  --refuel-muted: #91acb0;
  --refuel-line: rgba(32,238,224,.18);
}

body.refuel-wc-store-page {
  margin: 0;
  color: var(--refuel-text);
  background: radial-gradient(circle at 10% 10%, rgba(32,238,224,.12), transparent 30%), linear-gradient(180deg, #020607, #061215 48%, #020708);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.refuel-wc-wrap {
  width: min(calc(100% - 38px), 1180px);
  margin: 0 auto;
}

.refuel-wc-header, .refuel-wc-footer {
  border-color: var(--refuel-line);
  background: rgba(2,8,10,.84);
  backdrop-filter: blur(18px);
}

.refuel-wc-header { border-bottom: 1px solid var(--refuel-line); position: sticky; top: 0; z-index: 20; }
.refuel-wc-nav { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.refuel-wc-brand { color: var(--refuel-text); font-size: 1.1rem; font-weight: 950; text-decoration: none; letter-spacing: -.02em; }
.refuel-wc-brand b { color: var(--refuel-cyan); }
.refuel-wc-links { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.refuel-wc-links a { color: #cbe2e5; font-weight: 800; text-decoration: none; }
.refuel-wc-links a:hover { color: #fff; }
.refuel-wc-main { padding: 72px 0; min-height: 60vh; }
.refuel-wc-main h1, .refuel-wc-main h2, .refuel-wc-main h3 { color: var(--refuel-text); }
.refuel-wc-main .woocommerce, .refuel-wc-panel { padding: 24px; border: 1px solid var(--refuel-line); border-radius: 22px; background: rgba(7,20,22,.72); }
.refuel-wc-main a { color: var(--refuel-cyan); }
.refuel-wc-main .button, .refuel-wc-main button.button, .refuel-wc-main input.button {
  border-radius: 12px !important;
  color: #001315 !important;
  background: linear-gradient(135deg, var(--refuel-cyan), var(--refuel-mint)) !important;
  font-weight: 900 !important;
}
.refuel-wc-footer { border-top: 1px solid var(--refuel-line); padding: 28px 0; color: var(--refuel-muted); }

/* Customer support floats above the AI launcher and the PWA tab bar. */
.refuel-whatsapp { position:fixed; z-index:86; right:22px; bottom:94px; display:flex; align-items:center; justify-content:center; gap:8px; min-width:56px; min-height:56px; padding:0 14px; border-radius:18px; background:#22a962; color:#fff !important; box-shadow:0 12px 30px rgba(15,85,48,.25); font:800 14px/1.2 system-ui,sans-serif; text-decoration:none !important; }
.refuel-whatsapp:hover { background:#168b4e; transform:translateY(-2px); }
.refuel-whatsapp:focus-visible { outline:3px solid #fff; outline-offset:3px; }
.refuel-whatsapp svg { width:27px; height:27px; flex:none; }
body.refuel-wc-store-page .refuel-whatsapp { bottom:22px; }
body.refuel-quick-view .refuel-whatsapp,
body.modal-open .refuel-whatsapp,
body:has(.chat-panel.open) .refuel-whatsapp,
body:has(.v6-compare-bar.show) .refuel-whatsapp { display:none; }
@media (max-width:820px) {
  .refuel-whatsapp { right:14px; bottom:86px; width:56px; min-width:56px; padding:0; border-radius:17px; }
  .refuel-whatsapp span { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  body.mobile-pwa-variant.app-shell-mode .refuel-whatsapp { bottom:calc(var(--v5-app-nav, 72px) + env(safe-area-inset-bottom, 0px) + 16px); }
  body.refuel-wc-store-page .refuel-whatsapp { bottom:16px; }
}

@media (max-width: 720px) {
  .refuel-wc-nav { align-items: flex-start; flex-direction: column; padding: 18px 0; }
  .refuel-wc-main { padding: 38px 0; }
  .refuel-wc-links { gap: 13px; }
}


/* v6.4.8: consistent WooCommerce header and compact phone controls. */
.refuel-wc-brand { display:flex; align-items:center; gap:10px; white-space:nowrap; }
.refuel-wc-brand img { width:38px; height:38px; object-fit:contain; }
.refuel-wc-search { display:flex; align-items:center; border:1px solid var(--refuel-line); border-radius:12px; overflow:hidden; }
.refuel-wc-search label { position:absolute; clip:rect(0 0 0 0); width:1px; height:1px; overflow:hidden; }
.refuel-wc-search input { background:transparent; border:0; color:var(--refuel-text); padding:10px; width:140px; min-width:0; }
.refuel-wc-search button { background:none; border:0; color:var(--refuel-cyan); font-size:1.4rem; cursor:pointer; }
.refuel-wc-cart, .refuel-wc-mobile-menu summary { color:var(--refuel-text); border:1px solid var(--refuel-line); border-radius:10px; padding:9px 12px; text-decoration:none; font-weight:800; white-space:nowrap; }
.refuel-wc-mobile-menu { display:none; }
@media (max-width:900px) {
  .refuel-wc-nav { display:grid; grid-template-columns:1fr auto auto; gap:10px; min-height:64px; }
  .refuel-wc-brand { grid-column:1 / -1; font-size:.95rem; }
  .refuel-wc-links { display:none; }
  .refuel-wc-mobile-menu { display:block; position:relative; }
  .refuel-wc-mobile-menu summary { cursor:pointer; list-style:none; }
  .refuel-wc-mobile-menu[open] div { position:absolute; top:100%; left:0; z-index:30; display:grid; min-width:170px; padding:10px; border:1px solid var(--refuel-line); border-radius:12px; background:#071416; }
  .refuel-wc-mobile-menu a { color:var(--refuel-text); padding:10px; text-decoration:none; }
  .refuel-wc-search input { width:100%; }
  .refuel-wc-search { min-width:0; }
}

/* v6.4.8: keep WooCommerce checkout fields legible on the dark storefront. */
.refuel-wc-main .woocommerce form .form-row input.input-text,
.refuel-wc-main .woocommerce form .form-row textarea,
.refuel-wc-main .woocommerce form .form-row select,
.refuel-wc-main .woocommerce-page form .form-row input.input-text,
.refuel-wc-main .woocommerce-page form .form-row textarea,
.refuel-wc-main .woocommerce-page form .form-row select {
  box-sizing: border-box !important;
  min-height: 52px;
  padding: 12px 14px !important;
  border: 1px solid rgba(32,238,224,.28) !important;
  border-radius: 9px !important;
  color: #f2ffff !important;
  background-color: #071416 !important;
  color-scheme: dark;
}
.refuel-wc-main .woocommerce form .form-row textarea { min-height: 112px; }
.refuel-wc-main .woocommerce form .form-row input::placeholder,
.refuel-wc-main .woocommerce form .form-row textarea::placeholder { color:#91acb0 !important; opacity:1; }
.refuel-wc-main .woocommerce form .form-row input:-webkit-autofill,
.refuel-wc-main .woocommerce form .form-row input:-webkit-autofill:hover,
.refuel-wc-main .woocommerce form .form-row input:-webkit-autofill:focus,
.refuel-wc-main .woocommerce form .form-row textarea:-webkit-autofill,
.refuel-wc-main .woocommerce form .form-row select:-webkit-autofill {
  -webkit-text-fill-color: #f2ffff !important;
  -webkit-box-shadow: 0 0 0 1000px #071416 inset !important;
  box-shadow: 0 0 0 1000px #071416 inset !important;
  caret-color: #f2ffff;
}
.refuel-wc-main .select2-container--default .select2-selection--single {
  min-height:52px;
  border:1px solid rgba(32,238,224,.28) !important;
  border-radius:9px !important;
  background:#071416 !important;
  color:#f2ffff !important;
}
.refuel-wc-main .select2-container--default .select2-selection--single .select2-selection__rendered { color:#f2ffff !important; line-height:50px; }
.refuel-wc-main .select2-container--default .select2-selection--single .select2-selection__arrow { height:50px; }

/* Quick view keeps WooCommerce's actual product form and variation data. */
body.refuel-quick-view .refuel-wc-header,
body.refuel-quick-view .refuel-wc-footer { display:none; }
body.refuel-quick-view .refuel-wc-main { padding:16px 0 28px; min-height:0; }
body.refuel-quick-view .refuel-wc-wrap { width:min(calc(100% - 36px),1140px); }
body.refuel-quick-view .refuel-wc-main .woocommerce { padding:0; border:0; background:none; }
.refuel-quick-view-top { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 18px; padding-bottom:12px; border-bottom:1px solid var(--refuel-line); color:var(--refuel-muted); font-size:.86rem; }
.refuel-quick-view-top a { color:var(--refuel-cyan); font-weight:800; text-decoration:none; }
body.refuel-quick-view .woocommerce div.product { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:start; gap:30px; }
body.refuel-quick-view .woocommerce div.product div.images,
body.refuel-quick-view .woocommerce div.product .woocommerce-product-gallery { float:none; width:100%; grid-column:1; margin:0; }
body.refuel-quick-view .woocommerce div.product div.summary { float:none; width:100%; grid-column:2; margin:0; }
body.refuel-quick-view .woocommerce div.product .woocommerce-product-gallery__wrapper { border:1px solid var(--refuel-line); border-radius:20px; background:rgba(255,255,255,.04); overflow:hidden; }
body.refuel-quick-view .woocommerce div.product .woocommerce-product-gallery__image img { display:block; max-height:610px; object-fit:contain; margin:auto; }
body.refuel-quick-view .woocommerce div.product .product_title { margin:0 0 12px; font-size:clamp(1.7rem,3vw,2.65rem); line-height:1.08; }
body.refuel-quick-view .woocommerce div.product .woocommerce-product-rating { margin:0 0 18px; }
body.refuel-quick-view .woocommerce .star-rating { color:#f5b72e; }
body.refuel-quick-view .woocommerce div.product p.price,
body.refuel-quick-view .woocommerce div.product span.price { color:var(--refuel-text); font-size:1.55rem; font-weight:850; }
body.refuel-quick-view .woocommerce div.product .stock { color:var(--refuel-mint); }
body.refuel-quick-view .woocommerce div.product .woocommerce-product-details__short-description { color:#cbe2e5; line-height:1.55; }
.refuel-quick-attributes { display:grid; gap:8px; margin:18px 0; color:#cbe2e5; }
.refuel-quick-attributes strong { color:var(--refuel-text); }
body.refuel-quick-view .woocommerce div.product form.cart .variations { width:100%; }
body.refuel-quick-view .woocommerce div.product form.cart .variations tr { display:block; margin:0 0 13px; }
body.refuel-quick-view .woocommerce div.product form.cart .variations th,
body.refuel-quick-view .woocommerce div.product form.cart .variations td { display:block; text-align:left; padding:0; }
body.refuel-quick-view .woocommerce div.product form.cart .variations label { display:block; margin-bottom:8px; color:var(--refuel-text); }
body.refuel-quick-view .woocommerce div.product form.cart .variations select { min-width:190px; padding:10px; border:1px solid var(--refuel-line); border-radius:10px; color:var(--refuel-text); background:#071416; }
body.refuel-quick-view .woocommerce div.product form.cart .variations select.refuel-native-variation-select { position:absolute; width:1px; height:1px; padding:0; clip-path:inset(50%); overflow:hidden; }
.refuel-variation-choices { display:flex; flex-wrap:wrap; gap:9px; margin:2px 0 6px; }
.refuel-variation-choices button { min-height:40px; padding:9px 13px; border:1px solid rgba(32,238,224,.3); border-radius:9px; color:var(--refuel-text); background:rgba(32,238,224,.045); cursor:pointer; font:inherit; font-size:.8rem; }
.refuel-variation-choices button[aria-pressed="true"] { border-color:var(--refuel-cyan); box-shadow:0 0 0 1px var(--refuel-cyan); }
.refuel-variation-choices button:disabled { opacity:.38; cursor:not-allowed; text-decoration:line-through; }
.refuel-variation-choices button:focus-visible { outline:2px solid var(--refuel-mint); outline-offset:2px; }
/* Live product signals and WooCommerce-backed variation choices. */
.refuel-product-signals { display:grid; gap:12px; margin:14px 0 20px; color:var(--refuel-text); }
.refuel-product-signals .refuel-viewers { margin:0; font-size:.9rem; color:var(--refuel-muted); }
.refuel-product-signals [hidden] { display:none !important; }
.refuel-product-signals .refuel-viewers span:first-child { color:var(--refuel-cyan); font-size:1.2rem; }
.refuel-product-signals .refuel-stock-signal { display:grid; gap:9px; font-size:.92rem; }
.refuel-product-signals .refuel-stock-track { width:min(100%,360px); height:7px; border-radius:99px; background:rgba(120,140,150,.2); overflow:hidden; }
.refuel-product-signals .refuel-stock-track > span { display:block; height:100%; border-radius:inherit; background:#df6570; }
.refuel-product-signals.is-sold-out .refuel-stock-label { color:#ba384a; }
.refuel-product-favourite { justify-self:start; min-height:40px; padding:8px 14px; border:1px solid var(--refuel-line); border-radius:12px; background:transparent; color:var(--refuel-text); font:inherit; font-size:.88rem; cursor:pointer; }
.refuel-product-favourite[aria-pressed="true"] { border-color:var(--refuel-cyan); }
.refuel-product-favourite:focus-visible { outline:2px solid var(--refuel-cyan); outline-offset:2px; }
.refuel-wc-main .woocommerce div.product form.cart .variations { width:100%; }
.refuel-wc-main .woocommerce div.product .summary p.stock { display:none; }
.refuel-wc-main .woocommerce div.product form.cart .variations select.refuel-native-variation-select { position:absolute; width:1px; height:1px; padding:0; clip-path:inset(50%); overflow:hidden; }
.refuel-wc-main .woocommerce div.product form.cart .variations label { display:block; margin-bottom:8px; }
.refuel-wc-main .woocommerce div.product form.cart .variations .refuel-variation-choices button { min-height:44px; }
body.refuel-quick-view .woocommerce div.product form.cart .quantity .qty { min-height:44px; width:72px; border:1px solid var(--refuel-line); border-radius:10px; color:var(--refuel-text); background:#071416; }
body.refuel-quick-view .woocommerce div.product .woocommerce-tabs,
body.refuel-quick-view .woocommerce div.product .related.products,
body.refuel-quick-view .woocommerce div.product .upsells.products { display:none; }
@media (max-width:720px) {
  body.refuel-quick-view .woocommerce div.product { grid-template-columns:1fr; gap:18px; }
  body.refuel-quick-view .woocommerce div.product div.images,
  body.refuel-quick-view .woocommerce div.product .woocommerce-product-gallery,
  body.refuel-quick-view .woocommerce div.product div.summary { grid-column:1; }
  body.refuel-quick-view .woocommerce div.product .woocommerce-product-gallery__image img { max-height:280px; }
  body.refuel-quick-view .woocommerce div.product .product_title { font-size:1.55rem; }
}