/* =========================================================
   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;
}

/* --- 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);
}