/**
 * SwissClone Dual-Theme Fixes (approved 2026-10-02)
 * -------------------------------------------------
 * STATUS: LIVE — loaded via MU-plugin sc-theme-dark-light-fixes.php
 * Source draft: docs/theme-dark-light-fixes.draft.css (Project store)
 *
 * Toggle: html[data-theme="light"] (localStorage sc_theme). Default = dark.
 * Brand: gold #DFC27D · dark #0b0b0b
 * Do not edit kadence-child/style.css for these overrides.
 */

/* ==========================================================================
   0. SHARED BRAND TOKEN REALIGNMENT (scoped by theme)
   ========================================================================== */

html:not([data-theme="light"]),
html[data-theme="dark"] {
  --gold-primary: #DFC27D !important;
  --gold-hover: #E8D09A !important;
  --gold-subtle: rgba(223, 194, 125, 0.10) !important;
  --gold-border: rgba(223, 194, 125, 0.38) !important;
  --gold-gradient: linear-gradient(135deg, #E8D09A 0%, #DFC27D 50%, #C4A86A 100%) !important;
  --bg-deep: #0b0b0b !important;
  --bg-card: #121212 !important;
  --bg-panel: #161616 !important;
  --border-subtle: rgba(255, 255, 255, 0.08) !important;
  --border-medium: rgba(255, 255, 255, 0.14) !important;
  --text-main: #FFFFFF !important;
  --text-body: #D1D5DB !important;
  --text-muted: #9CA3AF !important;
}

html[data-theme="light"] {
  /* Stronger gold on light surfaces so #DFC27D does not wash out as text */
  --gold-primary: #B8963E !important; /* text/borders on light */
  --gold-fill: #DFC27D !important;    /* solid fills / badges */
  --gold-hover: #9A7A2E !important;
  --gold-subtle: rgba(184, 150, 62, 0.10) !important;
  --gold-border: rgba(184, 150, 62, 0.45) !important;
  --gold-gradient: linear-gradient(135deg, #E8D09A 0%, #DFC27D 55%, #B8963E 100%) !important;
  --bg-deep: #F9FAFB !important;
  --bg-card: #FFFFFF !important;
  --bg-panel: #F3F4F6 !important;
  --border-subtle: #E5E7EB !important;
  --border-medium: #D1D5DB !important;
  --text-main: #111827 !important;
  --text-body: #1F2937 !important;
  --text-muted: #4B5563 !important;
}

/* ==========================================================================
   1. DARK MODE — HERO TYPOGRAPHY (sharp luxury, no ghost shadow)
   ========================================================================== */

html:not([data-theme="light"]) body,
html[data-theme="dark"] body {
  background-color: #0b0b0b !important;
  color: #D1D5DB !important;
}

html:not([data-theme="light"]) .sc-header,
html[data-theme="dark"] .sc-header {
  background: rgba(11, 11, 11, 0.96) !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

/* Base hero heading was under-specified (only media-query size tweaks).
   Keep Inter (live stack) for sharp luxury — avoid soft serif glow on "Timepieces". */
.sc-hero__heading {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(28px, 3.6vw, 46px) !important;
  line-height: 1.16 !important;
  letter-spacing: -0.02em !important;
  text-wrap: balance !important;
  text-shadow: none !important;
  text-stroke: 0 !important;
  -webkit-text-stroke: 0 transparent !important;
  paint-order: fill !important;
  filter: none !important;
  transform: translateZ(0) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
  margin: 0 0 14px 0 !important;
}

html:not([data-theme="light"]) .sc-hero__heading,
html:not([data-theme="light"]) .sc-hero h1,
html[data-theme="dark"] .sc-hero__heading,
html[data-theme="dark"] .sc-hero h1 {
  color: #FFFFFF !important;
  text-shadow: none !important;
}

.sc-hero__eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  line-height: 1.4 !important;
  margin: 0 0 12px 0 !important;
  color: var(--gold-primary) !important;
  text-shadow: none !important;
}

.sc-hero__desc {
  text-shadow: none !important;
  max-width: 620px !important;
}

.sc-hero__standards {
  border: 1px solid var(--gold-border) !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  font-size: 12.5px !important;
  line-height: 1.55 !important;
  max-width: 640px !important;
}

html:not([data-theme="light"]) .sc-hero__standards,
html[data-theme="dark"] .sc-hero__standards {
  background: rgba(18, 18, 18, 0.85) !important;
  color: #E5E7EB !important;
}

html:not([data-theme="light"]) .sc-hero,
html[data-theme="dark"] .sc-hero {
  background: #0b0b0b !important;
  background-image: radial-gradient(circle at 80% 20%, rgba(223, 194, 125, 0.08) 0%, transparent 60%) !important;
}

/* Gold CTA / badge contrast on #0b0b0b */
html:not([data-theme="light"]) .sc-hero__btn-primary,
html:not([data-theme="light"]) .sc-btn-primary,
html[data-theme="dark"] .sc-hero__btn-primary,
html[data-theme="dark"] .sc-btn-primary {
  background: linear-gradient(135deg, #E8D09A 0%, #DFC27D 55%, #C4A86A 100%) !important;
  color: #0b0b0b !important;
  border: 1px solid #DFC27D !important;
  box-shadow: 0 6px 18px rgba(223, 194, 125, 0.28) !important;
}

html:not([data-theme="light"]) .sc-btn-concierge,
html[data-theme="dark"] .sc-btn-concierge {
  border-color: #DFC27D !important;
  color: #DFC27D !important;
  background: transparent !important;
}

html:not([data-theme="light"]) .sc-product-badge--gold,
html:not([data-theme="light"]) .sc-cart-count,
html[data-theme="dark"] .sc-product-badge--gold,
html[data-theme="dark"] .sc-cart-count {
  background: #DFC27D !important;
  color: #0b0b0b !important;
}

/* Mobile hero: keep live display:contents order, sharpen "Timepieces" wrap only */
@media (max-width: 640px) {
  .sc-hero__heading {
    font-size: clamp(22px, 6.2vw, 28px) !important;
    line-height: 1.22 !important;
    letter-spacing: -0.01em !important;
    text-align: center !important;
    max-width: 100% !important;
    padding: 0 6px !important;
    text-shadow: none !important;
    -webkit-font-smoothing: antialiased !important;
  }
  .sc-hero__eyebrow {
    justify-content: center !important;
    font-size: 10px !important;
    letter-spacing: 0.14em !important;
  }
}

/* ==========================================================================
   2. DARK MODE — PRODUCT CARDS / CART / VIP CONCIERGE
   ========================================================================== */

html:not([data-theme="light"]) .sc-product-card,
html[data-theme="dark"] .sc-product-card {
  background: #121212 !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.35) !important;
}

html:not([data-theme="light"]) .sc-product-details,
html[data-theme="dark"] .sc-product-details {
  background: #121212 !important;
  padding: 14px 16px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

html:not([data-theme="light"]) .sc-product-price,
html:not([data-theme="light"]) .sc-product-price .amount,
html:not([data-theme="light"]) .sc-product-factory,
html[data-theme="dark"] .sc-product-price,
html[data-theme="dark"] .sc-product-price .amount,
html[data-theme="dark"] .sc-product-factory {
  color: #DFC27D !important;
}

html:not([data-theme="light"]) .sc-btn-cart:hover,
html[data-theme="dark"] .sc-btn-cart:hover {
  background: #DFC27D !important;
  color: #0b0b0b !important;
  border-color: #DFC27D !important;
}

/* Mobile chips bar: was hardcoded #FFFFFF in dark */
html:not([data-theme="light"]) .sc-mobile-chips-bar,
html[data-theme="dark"] .sc-mobile-chips-bar {
  background: #0b0b0b !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html:not([data-theme="light"]) .sc-chip,
html[data-theme="dark"] .sc-chip {
  background: #161616 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #E5E7EB !important;
}

html:not([data-theme="light"]) .sc-chip--gold,
html[data-theme="dark"] .sc-chip--gold {
  background: rgba(223, 194, 125, 0.08) !important;
  border-color: rgba(223, 194, 125, 0.40) !important;
  color: #DFC27D !important;
}

html:not([data-theme="light"]) .sc-chip.active,
html:not([data-theme="light"]) .sc-chip:hover,
html[data-theme="dark"] .sc-chip.active,
html[data-theme="dark"] .sc-chip:hover {
  background: #DFC27D !important;
  border-color: #DFC27D !important;
  color: #0b0b0b !important;
}

/* Empty cart / VIP surfaces */
html:not([data-theme="light"]) .sc-empty-cart-card,
html:not([data-theme="light"]) .sc-cart-summary-card,
html:not([data-theme="light"]) .sc-cart-table-card,
html:not([data-theme="light"]) .sc-trust-mini-card,
html[data-theme="dark"] .sc-empty-cart-card,
html[data-theme="dark"] .sc-cart-summary-card,
html[data-theme="dark"] .sc-cart-table-card,
html[data-theme="dark"] .sc-trust-mini-card {
  background: #121212 !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  overflow: hidden !important;
}

html:not([data-theme="light"]) .sc-btn-concierge,
html[data-theme="dark"] .sc-btn-concierge {
  padding: 10px 16px !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* ==========================================================================
   3. LIGHT MODE — READABLE TEXT + STRONGER GOLD + SURFACES
   ========================================================================== */

html[data-theme="light"] body {
  background-color: #F9FAFB !important;
  color: #1F2937 !important;
}

html[data-theme="light"] .sc-header {
  background: rgba(255, 255, 255, 0.96) !important;
  border-bottom: 1px solid #E5E7EB !important;
}

/* Logo swap already correct live; keep explicit to prevent FOUC regressions */
html[data-theme="light"] .sc-official-logo--dark {
  display: none !important;
}
html[data-theme="light"] .sc-official-logo--light {
  display: block !important;
}
html:not([data-theme="light"]) .sc-official-logo--dark {
  display: block !important;
}
html:not([data-theme="light"]) .sc-official-logo--light {
  display: none !important;
}

html[data-theme="light"] .sc-hero__heading,
html[data-theme="light"] .sc-hero h1,
html[data-theme="light"] .sc-section-title,
html[data-theme="light"] .sc-section__title,
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] .sc-product-title,
html[data-theme="light"] .sc-product-title a,
html[data-theme="light"] .sc-pdp-title,
html[data-theme="light"] .product_title,
html[data-theme="light"] .sc-cart-main-title,
html[data-theme="light"] .sc-empty-cart-title,
html[data-theme="light"] .sc-nav-link,
html[data-theme="light"] .sc-drop-link,
html[data-theme="light"] .sc-drawer-link,
html[data-theme="light"] .sc-action-btn,
html[data-theme="light"] .woocommerce-checkout label,
html[data-theme="light"] .woocommerce-checkout h3 {
  color: #111827 !important;
  text-shadow: none !important;
}

html[data-theme="light"] .sc-hero__desc,
html[data-theme="light"] .sc-hero__standards,
html[data-theme="light"] .sc-section__subtitle,
html[data-theme="light"] .sc-section-subtitle,
html[data-theme="light"] .sc-empty-cart-desc,
html[data-theme="light"] .sc-pillar-card__desc,
html[data-theme="light"] .sc-product-meta-row,
html[data-theme="light"] .sc-summary-row,
html[data-theme="light"] .woocommerce-privacy-policy-text {
  color: #1F2937 !important;
}

html[data-theme="light"] .sc-hero__eyebrow,
html[data-theme="light"] .sc-btn-concierge,
html[data-theme="light"] .sc-btn-secondary,
html[data-theme="light"] .sc-product-factory,
html[data-theme="light"] .sc-product-price,
html[data-theme="light"] .sc-product-price .amount,
html[data-theme="light"] .sc-pdp-price,
html[data-theme="light"] .sc-price,
html[data-theme="light"] .breadcrumb .current,
html[data-theme="light"] .sc-breadcrumbs .current,
html[data-theme="light"] span.current {
  color: #B8963E !important; /* strengthened gold text on light */
}

html[data-theme="light"] .sc-btn-concierge {
  border-color: #B8963E !important;
  background: #FFFFFF !important;
}

/* Solid gold fills keep brand #DFC27D with dark ink for contrast */
html[data-theme="light"] .sc-hero__btn-primary,
html[data-theme="light"] .sc-btn-primary,
html[data-theme="light"] .sc-empty-cart-card .sc-btn-primary,
html[data-theme="light"] .sc-chip.active {
  background: linear-gradient(135deg, #E8D09A 0%, #DFC27D 55%, #C4A86A 100%) !important;
  color: #0b0b0b !important;
  border: 1px solid #B8963E !important;
  box-shadow: 0 4px 14px rgba(184, 150, 62, 0.28) !important;
}

html[data-theme="light"] .sc-cart-count,
html[data-theme="light"] .sc-product-badge--gold {
  background: #DFC27D !important;
  color: #0b0b0b !important;
}

/* Cards / menus — clean light surfaces */
html[data-theme="light"] .sc-product-card,
html[data-theme="light"] .sc-pillar-card,
html[data-theme="light"] .sc-maison-card,
html[data-theme="light"] .sc-brand-card,
html[data-theme="light"] .sc-buy-box,
html[data-theme="light"] .sc-empty-cart-card,
html[data-theme="light"] .sc-cart-summary-card,
html[data-theme="light"] .sc-cart-table-card,
html[data-theme="light"] .sc-cart-table-wrapper,
html[data-theme="light"] .sc-trust-mini-card,
html[data-theme="light"] .sc-drop-panel,
html[data-theme="light"] .sc-mobile-drawer {
  background: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  box-shadow: 0 4px 16px rgba(17, 24, 39, 0.05) !important;
}

html[data-theme="light"] .sc-product-thumb,
html[data-theme="light"] .sc-mobile-chips-bar,
html[data-theme="light"] body.woocommerce-cart,
html[data-theme="light"] body.woocommerce-checkout,
html[data-theme="light"] .sc-pdp-outer,
html[data-theme="light"] .sc-section {
  background-color: #F9FAFB !important;
}

html[data-theme="light"] .sc-chip {
  background: #FFFFFF !important;
  border: 1px solid #D1D5DB !important;
  color: #111827 !important;
}

html[data-theme="light"] .sc-chip--gold {
  background: rgba(223, 194, 125, 0.14) !important;
  border-color: #B8963E !important;
  color: #9A7A2E !important;
}

html[data-theme="light"] .sc-drawer-model-pill,
html[data-theme="light"] .sc-pill-factory {
  color: #9A7A2E !important;
}

html[data-theme="light"] .sc-drawer-models-badge {
  background: #DFC27D !important;
  color: #0b0b0b !important;
}

html[data-theme="light"] .sc-theme-toggle {
  border-color: #B8963E !important;
  color: #B8963E !important;
}

/* Checkout form fields on light */
html[data-theme="light"] .woocommerce-checkout input.input-text,
html[data-theme="light"] .woocommerce-checkout textarea,
html[data-theme="light"] .woocommerce-checkout select {
  background: #FFFFFF !important;
  color: #111827 !important;
  border: 1px solid #D1D5DB !important;
}

html[data-theme="light"] table.woocommerce-checkout-review-order-table,
html[data-theme="light"] table.woocommerce-checkout-review-order-table th,
html[data-theme="light"] table.woocommerce-checkout-review-order-table td {
  color: #111827 !important;
  background: #FFFFFF !important;
  border-color: #E5E7EB !important;
}

/* ==========================================================================
   4. SAFETY — do not touch layout structure beyond surgical overrides
   ========================================================================== */

.sc-hero__heading,
.sc-hero__eyebrow,
.sc-hero__desc {
  text-shadow: none !important;
  filter: none !important;
}