/* =========================================================
   Sougui — Alignement charte appli (thème enfant)
   Couleurs, typographie, surfaces. Additif & réversible.
   v1 — preview
   ========================================================= */

/* --- Variables de marque (surcharge WoodMart) --- */
:root,
.wd-design-default {
  --wd-primary-color: #2D2A70;        /* Bleu Encre */
  --wd-link-color: #2D2A70;
  --wd-link-color-hover: #1F1D4E;     /* Encre Profond */
  --wd-text-color: #2A2622;           /* Brou */
  --wd-title-color: #2D2A70;
  --wd-form-brd-color: #E5DAC4;       /* Sable */
  --color-gray-100: #FBF8F1;          /* Crème Pâle */

  /* tokens Sougui */
  --sg-cream: #F4EEE3;
  --sg-cream-pale: #FBF8F1;
  --sg-sand: #E5DAC4;
  --sg-accent: #BE5E3C;               /* Terracotta */
  --sg-accent-deep: #9C4527;

  /* Polices WoodMart -> Fraunces / Work Sans (remplace Poppins partout).
     !important pour battre le CSS inline de WoodMart. */
  --wd-text-font: 'Work Sans', -apple-system, 'Segoe UI', sans-serif !important;
  --wd-text-font-family: 'Work Sans', -apple-system, 'Segoe UI', sans-serif !important;
  --wd-title-font: 'Fraunces', Georgia, serif !important;
  --wd-entities-title-font: 'Fraunces', Georgia, serif !important;
}

/* --- Fond crème (jamais blanc pur) --- */
html,
body,
.website-wrapper,
.site-content,
#wrapper,
.main-page-wrapper {
  background-color: var(--sg-cream) !important;
}

/* Surfaces / cartes en crème pâle + filet sable (élévation par filet, pas d'ombre) */
.wd-card,
.product-grid-item,
.wd-product,
.widget,
.summary-inner,
.woocommerce-tabs,
.cart-totals,
.checkout .col-1,
.checkout .col-2,
.wd-dropdown-menu {
  background-color: var(--sg-cream-pale);
  border-color: var(--sg-sand);
}

/* --- Typographie : Fraunces (titres) + Work Sans (corps) --- */
body,
button, input, select, textarea,
.wd-nav,
p, li, td {
  font-family: 'Work Sans', -apple-system, "Segoe UI", sans-serif;
}

h1, h2, h3, h4, h5,
.title, .entry-title, .section-title,
.product_title, .widget-title, .wd-el-title,
.woocommerce-loop-product__title,
.product-title {
  font-family: 'Fraunces', Georgia, serif !important;
  color: #2D2A70;
  font-weight: 600;
  letter-spacing: -0.01em;
}

/* --- Boutons : encre primaire, rayon 12px, accent terracotta --- */
.btn,
button, .button,
input[type="submit"],
.single_add_to_cart_button,
.wd-buttons .btn,
.added_to_cart {
  border-radius: 12px;
}

.btn-color-primary,
.single_add_to_cart_button,
.button.alt,
.wd-buttons .btn:not(.btn-style-bordered) {
  background-color: #2D2A70;
  color: #F4EEE3;
  border-color: #2D2A70;
}
.btn-color-primary:hover,
.single_add_to_cart_button:hover,
.button.alt:hover {
  background-color: #1F1D4E;
  color: #F4EEE3;
}

/* --- Accent terracotta : badges promo, prix barrés, étiquettes --- */
.onsale,
.product-label.onsale,
.wd-product-label.bg,
.sale-percent-label {
  background-color: var(--sg-accent) !important;
  color: #F8EFE6 !important;
  border-radius: 5px;
}
ins .amount,
.price ins {
  color: var(--sg-accent-deep);
}

/* Liens / accents de prix */
a { color: var(--wd-link-color); }
a:hover { color: var(--wd-link-color-hover); }

/* Séparateurs / bordures générales en sable */
.wd-divider,
hr,
.product-grid-item .product-element-bottom {
  border-color: var(--sg-sand);
}

/* =========================================================
   v3 — Polish : formulaires, prix, livraison, focus
   ========================================================= */
:root, .wd-design-default {
  --sg-argile: #9A8E7B;   /* texte tertiaire / placeholder */
}

/* --- Champs de formulaire : crème pâle, sable, rayon 10 --- */
input[type="text"], input[type="email"], input[type="tel"],
input[type="password"], input[type="number"], input[type="search"],
input[type="url"], textarea, select,
.form-row input, .woocommerce-input-wrapper input,
.wd-search-element input, .select2-selection {
  background-color: var(--sg-cream-pale) !important;
  border: 1px solid var(--sg-sand) !important;
  border-radius: 10px !important;
  color: var(--wd-text-color);
}
input:focus, textarea:focus, select:focus,
.select2-container--focus .select2-selection {
  border-color: var(--wd-primary-color) !important;
  outline: none;
}
::placeholder { color: var(--sg-argile); opacity: 1; }

/* --- Prix barré discret (terre/argile) --- */
del, del .amount, .price del, .price del .amount {
  color: var(--sg-argile);
  opacity: 1;
}
ins, ins .amount, .price ins { text-decoration: none; }

/* --- Barre "livraison gratuite" en terracotta --- */
.wd-free-progress-bar .wd-progress-bar-inner,
.woocommerce-free-shipping-bar .progress,
.free-shipping-progress .bar,
.wd-fpb-bar > span {
  background-color: var(--sg-accent) !important;
}

/* --- Badges promo en "tampon d'atelier" (filet, pas aplat criard) --- */
.onsale,
.product-label.onsale,
.wd-product-label.bg {
  background-color: var(--sg-accent) !important;
  color: #F8EFE6 !important;
  border-radius: 5px;
  font-weight: 600;
  letter-spacing: 0.04em;
}

/* --- Boutons contour : encre --- */
.btn-style-bordered,
.button.alt.wc-backward,
.added_to_cart {
  border: 1.5px solid var(--wd-primary-color) !important;
  color: var(--wd-primary-color) !important;
  background: transparent !important;
  border-radius: 12px;
}

/* --- Quantité (panier) : surface crème, sable --- */
.quantity input.qty, .qty {
  background-color: var(--sg-cream-pale) !important;
  border: 1px solid var(--sg-sand) !important;
  border-radius: 8px !important;
}