/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/
/* =================================================================
   JardinTeck — Design Tokens (v1)
   Direction A (premium walnut/ochre, serif headlines)
   + Direction C discount mechanics (quarantined to sale elements)
   Paste this into: Apparence → WoodMart child → style.css
   (or WoodMart → Theme Settings → Custom CSS)
   ================================================================= */

:root {
  /* --- Core palette --- */
  --jt-dark:        #2C2C2A;  /* header, footer, primary text */
  --jt-accent:      #854F0B;  /* CTAs, links, highlights (teck/ochre) */
  --jt-accent-dark: #633806;  /* hover state for accent */
  --jt-cream:       #FAEEDA;  /* light text on dark, light buttons */
  --jt-amber:       #FAC775;  /* small highlights, secondary accents */
  --jt-surface:     #F1EFE8;  /* alternating section background */
  --jt-white:       #FFFFFF;

  /* --- Discount mechanics (Direction C) — USE ONLY on sale UI --- */
  --jt-sale:        #D85A30;  /* sale badge background */
  --jt-sale-text:   #FFFFFF;  /* sale badge text */
  --jt-sale-dark:   #993C1D;  /* sale text on light bg */

  /* --- Type --- */
  --jt-font-head: 'Cormorant Garamond', Georgia, serif;
  --jt-font-body: 'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif;
}

/* ---- Load Google Fonts (free) ---- */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');

/* ---- Headlines: serif, heritage feel ---- */
h1, h2, h3, h4,
.title, .woodmart-title, .section-title,
.product-title, .entry-title {
  font-family: var(--jt-font-head) !important;
  color: var(--jt-dark);
  letter-spacing: 0.3px;
}

/* ---- Body / UI / prices: clean sans ---- */
body, p, .woocommerce, button, input, .price, .amount {
  font-family: var(--jt-font-body);
  color: var(--jt-dark);
}

/* ---- Primary buttons & CTAs ---- */
.btn, .button, .single_add_to_cart_button,
.wd-buttons a, a.button.alt,
button.button, .added_to_cart {
  background-color: var(--jt-accent) !important;
  border-color: var(--jt-accent) !important;
  color: var(--jt-cream) !important;
  border-radius: 6px !important;
  font-weight: 500;
  letter-spacing: 0.3px;
}
.btn:hover, .button:hover, .single_add_to_cart_button:hover,
a.button.alt:hover, button.button:hover {
  background-color: var(--jt-accent-dark) !important;
  border-color: var(--jt-accent-dark) !important;
  color: var(--jt-cream) !important;
}

/* ---- Links ---- */
a { color: var(--jt-accent); }
a:hover { color: var(--jt-accent-dark); }

/* ---- Prices ---- */
.price, .amount, .woocommerce-Price-amount {
  color: var(--jt-dark);
  font-weight: 600;
}

/* ---- Header / footer ---- */
.whb-header .whb-general-header,
.whb-header .whb-top-bar,
footer.footer-container {
  background-color: var(--jt-dark) !important;
}
.whb-header a, footer.footer-container,
footer.footer-container a {
  color: var(--jt-cream) !important;
}

/* ---- Alternating section surface ---- */
.jt-section-alt { background-color: var(--jt-surface); }

/* =================================================================
   DISCOUNT MECHANICS (Direction C) — quarantined to sale UI only.
   Do NOT extend these colors sitewide; they exist to capture
   price-shoppers without cheapening the premium brand feel.
   ================================================================= */

/* Sale badge ("Promo" / "-40%") */
.onsale, .wd-buttons .product-labels .onsale,
span.onsale {
  background-color: var(--jt-sale) !important;
  color: var(--jt-sale-text) !important;
  border-radius: 6px !important;
  font-weight: 500;
  border: none !important;
}

/* Strikethrough original price + sale price */
del .amount { color: #888780; font-weight: 400; }
ins .amount { color: var(--jt-sale-dark); font-weight: 600; }

/* Dedicated "Déstockage" section accent (apply class .jt-destockage) */
.jt-destockage {
  background-color: var(--jt-sale);
  color: var(--jt-sale-text);
  border-radius: 10px;
}
.jt-destockage h2, .jt-destockage h3 { color: var(--jt-sale-text); }
.jt-destockage .button {
  background-color: var(--jt-dark) !important;
  color: var(--jt-white) !important;
}

/* --- Fix: cream only on the dark header bar, dark text on white surfaces --- */

/* Account dropdown panel sits on white — force dark text */
.wd-dropdown-menu,
.wd-dropdown-menu a,
.wd-dropdown-acc,
.wd-dropdown-acc a,
.account-dropdown,
.account-dropdown a {
  color: var(--jt-dark) !important;
  background-color: var(--jt-white) !important;
}
.wd-dropdown-menu a:hover,
.account-dropdown a:hover {
  color: var(--jt-accent) !important;
}

/* Category names / product titles on white listings — dark, not cream */
.product-title,
.product-title a,
.wd-cat-title,
.category-grid-item .wd-entities-title,
.wd-entities-title a {
  color: var(--jt-dark) !important;
}
.product-title a:hover,
.wd-entities-title a:hover {
  color: var(--jt-accent) !important;
}


.wd-nav-main .woodmart-nav-link,
.wd-nav-main .woodmart-nav-link .nav-link-text,
.wd-nav-header .woodmart-nav-link .nav-link-text {
  color: #2C2C2A !important;
}
.wd-nav-main .woodmart-nav-link:hover .nav-link-text {
  color: #854F0B !important;
}