/* ITMind commerce overrides — premium light storefront skin.
   Loads after store.css + app.css. Dark navy stays only in header,
   footer, hero/builder 3D stages and the sourcing/empty dark panels. */

:root{
  --c-surface:#ffffff;
  --c-surface-alt:#f4f6f8;
  --c-surface-soft:#eef1f4;
  --c-border:#e1e5ea;
  --c-ink:#0f1b3d;
  --c-ink-muted:#5b6478;
  --c-teal:#0f766e;
  --c-teal-dark:#0b5a53;
  --c-teal-soft:#e3f5f3;
  --c-ok:#166534;
  --c-danger:#b42318;
  --c-danger-soft:#fdecea;
  --c-focus:0 0 0 3px rgba(15,118,110,.38);
}

/* base */
body{background:var(--c-surface-alt);color:var(--c-ink)}
a{color:var(--c-teal)}
a:hover{color:var(--c-teal-dark)}
:focus-visible{outline:2px solid var(--c-teal);outline-offset:3px;box-shadow:var(--c-focus)}
.site-header :focus-visible,.site-footer :focus-visible{outline-color:#4ce1e8}
.eyebrow{color:var(--c-teal-dark)}

/* header stays dark navy so the white logo remains legible */
.site-header{background:rgba(13,9,43,.94)}

/* footer had no explicit background — body swapped to light, so pin it dark */
.site-footer{background:var(--navy);border-top-color:rgba(255,255,255,.1)}
.footer-grid h3{color:var(--ink)}

/* mobile nav polish (still on the dark header surface) */
.mobile-nav a{border-bottom:1px solid rgba(255,255,255,.08);border-radius:8px}
.mobile-nav a:last-child{border-bottom:0}
.mobile-nav a:hover,.mobile-nav a:active{color:var(--cyan);background:rgba(255,255,255,.06)}

/* dark accent panels keep their original light-on-navy text */
.sourcing-banner .eyebrow,.empty-state .eyebrow{color:var(--lime)}
.empty-state h3{color:var(--ink)}
.hero-stage .eyebrow{color:var(--lime)}

/* hero copy now sits on a light page background */
.hero-copy p{color:var(--c-ink-muted)}
.stage-label .pill{color:var(--muted)}

/* buttons: accessible teal purchase CTAs */
.button.primary{background:var(--c-teal);color:#fff}
.button.primary:hover{background:var(--c-teal-dark);color:#fff}
.button.secondary{border-color:var(--c-teal);color:var(--c-teal)}
.button.secondary:hover{border-color:var(--c-teal-dark);color:var(--c-teal-dark)}
.button.ghost{border-color:var(--c-border);color:var(--c-ink)}
.button.ghost:hover{border-color:var(--c-teal);color:var(--c-teal-dark)}
.text-button{color:var(--c-teal-dark)}
.text-button:hover{color:var(--c-teal)}

/* form fields: light surface, legible labels */
input,select,textarea,.form-field input,.form-field select,.form-field textarea{
  background:var(--c-surface);color:var(--c-ink);border:1px solid var(--c-border)
}
input:focus,select:focus,textarea:focus{border-color:var(--c-teal)}
.form-field label{color:var(--c-ink)}
.check-label{color:var(--c-ink-muted)}
.check-label input{accent-color:var(--c-teal)}

/* category / product / panel cards */
.category-card,.product-card,.panel{
  background:var(--c-surface);border-color:var(--c-border);
  box-shadow:0 1px 2px rgba(16,24,40,.04)
}
.category-card:hover{border-color:var(--c-teal);box-shadow:0 8px 24px rgba(16,24,40,.08)}
.category-card h3{color:var(--c-ink)}
.category-card h3 span,.category-number{color:var(--c-ink-muted)}
.category-card p{color:var(--c-ink-muted)}
.category-icon{color:var(--c-teal-dark)}
.feature-card>span{color:var(--c-teal-dark)}
.feature-card p{color:var(--c-ink-muted)}
.product-art{background:linear-gradient(135deg,var(--c-teal-soft),var(--c-surface-soft))}
.product-meta a{color:var(--c-ink)}
.stock-label{color:var(--c-ok)}
.badge{background:var(--c-teal-soft);color:var(--c-teal-dark)}
.pill{border-color:var(--c-border);color:var(--c-ink-muted)}

/* step numerals on the light sourcing/feature sections */
.step::before{background:var(--c-teal);color:#fff}

/* homepage search */
.search-form{background:var(--c-surface);border-color:var(--c-border);box-shadow:0 1px 2px rgba(16,24,40,.04)}
.search-form input[type=search]{background:var(--c-surface);border:1px solid var(--c-border);color:var(--c-ink)}
.search-suggestions{background:var(--c-surface);border-color:var(--c-border);box-shadow:0 12px 40px rgba(16,24,40,.12)}
.search-suggestions a{color:var(--c-ink)}
.search-suggestions a:hover{background:var(--c-surface-soft)}

/* PC builder controls move to the light surface; the 3D stage stays dark */
.builder-controls h2{color:var(--c-ink)}
.builder-part label{color:var(--c-ink-muted)}
.compatibility-list li{color:var(--c-ink-muted)}
.compatibility-list .ok{color:var(--c-ok)}
.compatibility-list .error{color:var(--c-danger)}
.compatibility-list .unknown{color:var(--c-ink-muted)}
.build-total{border-top-color:var(--c-border)}
.build-total strong{color:var(--c-teal-dark)}
.builder-controls .payment-note{color:var(--c-ink-muted)}
.builder-controls .notice{color:var(--c-ink-muted)}
.mockup-result{border-color:var(--c-border);color:var(--c-ink-muted)}

/* notices / status messages */
.notice,.status-message,.woocommerce-message,.woocommerce-error,.woocommerce-info{
  background:var(--c-surface);border-color:var(--c-border);color:var(--c-ink)
}
.status-message.success,.woocommerce-message{border-color:var(--c-teal);background:var(--c-teal-soft)}
.status-message.error,.woocommerce-error{border-color:var(--c-danger);background:var(--c-danger-soft)}

/* chat widget: light panel, teal accents */
.chat-toggle{background:var(--c-teal);color:#fff}
.chat-toggle:hover{background:var(--c-teal-dark)}
.chat-panel{background:var(--c-surface);border-color:var(--c-border);box-shadow:0 16px 60px rgba(16,24,40,.18)}
.chat-heading{border-bottom-color:var(--c-border)}
.chat-heading small{color:var(--c-ink-muted)}
.chat-message.assistant{background:var(--c-surface-soft);color:var(--c-ink)}
.chat-message.user{background:var(--c-teal);color:#fff}
.chat-form{border-top-color:var(--c-border)}
.chat-disclaimer{color:var(--c-ink-muted)}

/* WooCommerce: shop loop cards + price/stock readability */
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{
  background:var(--c-surface);border-color:var(--c-border);box-shadow:0 1px 2px rgba(16,24,40,.04)
}
.woocommerce ul.products li.product:hover{border-color:var(--c-teal);box-shadow:0 8px 24px rgba(16,24,40,.08)}
.woocommerce .price .woocommerce-Price-amount{color:var(--c-ink);font-weight:700}
.woocommerce .price del .woocommerce-Price-amount{color:var(--c-ink-muted);font-weight:400}
.woocommerce .price ins .woocommerce-Price-amount{color:var(--c-teal-dark)}
.woocommerce p.stock.in-stock{color:var(--c-ok);font-weight:700}
.woocommerce p.stock.out-of-stock{color:var(--c-danger);font-weight:700}

/* WooCommerce: product detail, cart, checkout, account */
.woocommerce div.product .summary{color:var(--c-ink)}
.woocommerce div.product .product_title{color:var(--c-ink)}
.woocommerce table.shop_table,.woocommerce-cart table,.woocommerce-checkout table,.woocommerce-account table{
  border-color:var(--c-border);background:var(--c-surface)
}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{border-bottom-color:var(--c-border);color:var(--c-ink)}
.woocommerce .cart_totals,.woocommerce-checkout #order_review{
  background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:1.25rem
}
.woocommerce .cart_totals .order-total .woocommerce-Price-amount{color:var(--c-teal-dark)}
.woocommerce .quantity input.qty{max-width:4.5rem;text-align:center}
.woocommerce #payment,.woocommerce .woocommerce-info,.woocommerce .woocommerce-message,.woocommerce .woocommerce-error{
  background:var(--c-surface);color:var(--c-ink);border:1px solid var(--c-border)
}
.woocommerce #payment div.payment_box{background:var(--c-surface-soft);color:var(--c-ink)}
.woocommerce .woocommerce-input-wrapper input,.woocommerce .input-text{background:var(--c-surface);color:var(--c-ink);border-color:var(--c-border)}
.woocommerce .button,.woocommerce button.button,.woocommerce input.button{
  background:var(--c-surface);color:var(--c-ink);border:1px solid var(--c-border)
}
.woocommerce .button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{border-color:var(--c-teal);color:var(--c-teal-dark)}
.woocommerce .button.alt,.woocommerce button.button.alt,.woocommerce a.button.alt,.woocommerce input.button.alt{
  background:var(--c-teal);color:#fff;border:1px solid var(--c-teal)
}
.woocommerce .button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce a.button.alt:hover,.woocommerce input.button.alt:hover{
  background:var(--c-teal-dark);border-color:var(--c-teal-dark);color:#fff
}
.woocommerce .woocommerce-MyAccount-navigation li{border-bottom:1px solid var(--c-border)}
.woocommerce .woocommerce-MyAccount-navigation a{color:var(--c-teal-dark)}
.woocommerce .woocommerce-MyAccount-navigation li.is-active a{color:var(--c-ink);font-weight:700}

/* select2 dropdowns (variation pickers, checkout fields) */
.select2-dropdown,.select2-container--default .select2-selection--single{background:var(--c-surface);color:var(--c-ink);border-color:var(--c-border)}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--c-ink)}
.select2-container--default .select2-results__option[aria-selected=true]{background:var(--c-surface-soft)}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--c-teal-soft);color:var(--c-ink)}

.catalog-request{color:var(--c-ink)}
.catalog-request p{color:var(--c-ink-muted)}

@media (max-width:540px){
  .chat-panel{bottom:calc(76px + env(safe-area-inset-bottom,0px))}
  .chat-toggle{bottom:calc(15px + env(safe-area-inset-bottom,0px))}
}

@media (prefers-contrast:more){
  :root{--c-ink-muted:#333a46;--c-border:#c7ccd3}
}

/* Integration refinements after review of the actual theme cascade. */
.hero-copy h1 em,h1 em{color:var(--c-teal)}
.hero-subline,.narrow>p{color:var(--c-ink-muted)}
.sourcing-banner,.hero-stage,.builder-stage{color:#e9e8f3}
.hero-stage .pill,.builder-stage .pill{color:#c5c3dd;border-color:#77738f}
.chat-heading .icon-button{color:var(--c-ink);border-color:var(--c-border)}
.feature-card,.catalog-request{border-color:var(--c-border)}
.catalog-search{display:flex;gap:12px;margin:20px 0 16px}
.catalog-search input{flex:1;min-width:0}
.catalog-categories{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 18px;margin-bottom:12px}
.catalog-categories a{flex-shrink:0;text-decoration:none;border:1px solid var(--c-border);background:#fff;border-radius:30px;padding:9px 15px;font-size:13px;color:var(--c-ink)}
.catalog-categories a:hover{border-color:var(--c-teal);color:var(--c-teal)}
.catalog-categories{scrollbar-width:thin;scrollbar-color:#c5cbd3 transparent}
@media(min-width:900px){.catalog-categories{flex-wrap:wrap;overflow:visible}}
.woocommerce .catalog-search .button.primary{background:var(--c-teal);color:white;border-color:var(--c-teal)}
.woocommerce ul.products li.product{display:flex;flex-direction:column}
.woocommerce ul.products li.product a img{aspect-ratio:1;object-fit:contain;background:#fff;border-radius:8px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{color:var(--c-ink);line-height:1.35;font-size:17px}
.woocommerce ul.products li.product .price{font-size:18px}
.woocommerce ul.products li.product .button{margin-top:auto;align-self:flex-start}
.woocommerce ul.products li.product .add_to_cart_button{background:var(--c-teal);border-color:var(--c-teal);color:#fff}
.woocommerce ul.products li.product .add_to_cart_button:hover{background:var(--c-teal-dark);color:#fff}
.woocommerce div.product div.images{background:#fff;border:1px solid var(--c-border);border-radius:16px;overflow:hidden}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--c-surface-soft);border-color:var(--c-border)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:#fff}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--c-ink)}
.itm-specifications{width:100%;border-collapse:collapse;background:#fff;font-size:14px}
.itm-specifications th,.itm-specifications td{padding:13px 16px;border-bottom:1px solid var(--c-border);text-align:left;vertical-align:top;overflow-wrap:anywhere}
.itm-specifications th{width:30%;color:var(--c-ink-muted);font-weight:600}
.woocommerce .woocommerce-breadcrumb,.woocommerce .woocommerce-breadcrumb a{color:var(--c-ink-muted)}
.woocommerce nav.woocommerce-pagination ul{border:0;display:flex;gap:6px;justify-content:center}
.woocommerce nav.woocommerce-pagination ul li{border:1px solid var(--c-border);border-radius:8px;background:white}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{padding:12px;min-width:44px}
@media(max-width:540px){.catalog-search{gap:8px}.catalog-search input{font-size:13px}.catalog-search .button{padding:0 12px;font-size:12px}.itm-specifications th,.itm-specifications td{padding:10px 8px}.woocommerce div.product .product_title{font-size:30px;line-height:1.15}.woocommerce ul.products{gap:16px}.woocommerce ul.products li.product{padding:18px}}
@media(max-width:540px){.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.woocommerce ul.products li.product{padding:12px;min-width:0}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:14px;overflow-wrap:anywhere}.woocommerce ul.products li.product .price{font-size:14px}.woocommerce ul.products li.product .button{font-size:12px;padding:10px;min-height:44px}}