/* ═══════════════════════════════════════════════════════
   PONT : adapte les pages boutique / commande / légal
   (ancien thème sombre) au nouveau thème clair OD.
   À charger APRÈS styles.css, pages.css, store.css et od-theme.css
═══════════════════════════════════════════════════════ */
:root {
  --green-dark:   #06502a;
  --green-mid:    #0a7a3d;
  --green-bright: #0a7a3d;
  --green-accent: #0e9a4d;
  --black:        #ffffff;
  --black-soft:   #f2f5f3;
  --black-card:   #ffffff;
  --black-border: #e2e8e4;
  --white:        #0c1a12;
  --white-soft:   #33433a;
  --white-dim:    #4b5a52;
  --white-faint:  rgba(12,26,18,.06);
  --text-muted:   #66766d;
  --black-bg:     #ffffff;
  --border:       #e2e8e4;
  --nav-h:        82px;
  --util-h:       44px;
}
body { font-family: var(--font-body) !important; background: #fff !important; color: var(--ink) !important; }
::-webkit-scrollbar-track { background: #f2f5f3; }

/* Titres façon nouveau thème */
.store-hero-title, .page-hero h1, .pdp-title, .checkout-title, .sidebar-title, .cart-drawer-header h3,
.store-empty h3, .related-title, .section-title, .legal-content h2, .privacy-section h2 {
  font-family: var(--font-head) !important; text-transform: uppercase; letter-spacing: .01em;
}

/* Bandeaux de page sombres conservés en vert nuit */
.store-hero, .page-hero {
  background: var(--od-night) !important; color: #fff !important;
  border-bottom: 0 !important;
}
.store-hero *, .page-hero * { color: #fff; }
.store-hero-title, .page-hero h1 { font-weight: 800 !important; font-size: clamp(44px, 7vw, 88px) !important; line-height: .9 !important; }
.store-hero-badge { background: rgba(255,255,255,.1) !important; border: 1px solid rgba(255,255,255,.2) !important; color: #45e08c !important; }
.page-hero h1 em { color: #45e08c !important; font-style: normal; }
.page-breadcrumb a, .page-breadcrumb span { color: rgba(255,255,255,.7) !important; }

/* Cartes et panneaux */
.sidebar-card, .product-card, .checkout-panel, .order-summary, .summary-card, .pdp-info, .cart-drawer,
.form-input, .sort-select, .size-btn, .qty-control, .review-block, .legal-card {
  box-shadow: none;
}
.product-card { border: 1px solid var(--line) !important; border-radius: 14px !important; overflow: hidden; background: #fff !important; }
.product-card:hover { box-shadow: 0 10px 30px rgba(3,20,11,.10) !important; border-color: transparent !important; }
.product-card img { background: #fefefe; }
.form-input, .sort-select, select, textarea { background: #fff !important; color: var(--ink) !important; border: 1px solid var(--line) !important; }
.form-input:focus, .sort-select:focus { outline: 2px solid var(--od-green) !important; border-color: transparent !important; }

/* Boutons principaux */
.add-to-cart-btn, .checkout-btn, .btn-primary, .cta-primary, .cart-checkout-btn, .place-order-btn, .next-btn, .pdp-add-btn {
  background: var(--od-green) !important; color: #fff !important; border-color: var(--od-green) !important;
  font-family: var(--font-head) !important; text-transform: uppercase; letter-spacing: .04em; font-weight: 700 !important;
}
.add-to-cart-btn:hover, .checkout-btn:hover, .btn-primary:hover, .cta-primary:hover, .cart-checkout-btn:hover, .place-order-btn:hover { background: var(--od-green-2) !important; }

/* Tiroir panier + toast */
.cart-overlay { background: rgba(3,20,11,.5) !important; }
.cart-drawer { background: #fff !important; color: var(--ink) !important; }
.cart-toast { background: var(--od-night) !important; color: #fff !important; }

/* Cacher les vestiges de l'ancien en-tête s'il en reste */
.utility-bar, .main-nav, .mobile-nav-drawer, .mobile-nav-overlay, .sponsor-ticker, footer.footer { display: none !important; }
input, select, textarea, button { font-family: var(--font-body) !important; }
.store-hero::before, .store-hero::after { display: none !important; }
.store-hero { padding: 64px 0 52px !important; }
.privacy-hero, .legal-hero { background: var(--od-night) !important; }
.store-hero { clip-path: none !important; }
.cat-list li button.active { background: var(--od-green) !important; color: #fff !important; }
.cat-list li button.active .cat-count { background: rgba(255,255,255,.2) !important; color: #fff !important; }
.product-badge { background: var(--od-night) !important; }