/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* ==============================================
   SINLORI STORE - Design System
   Couleurs : #111111 (Noir) | #F0A830 (Gold) | #C8860A (Gold Dark)
   Polices  : Playfair Display (titres) | Outfit (corps/UI)
   ============================================== */

/* --- Google Fonts --- */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Outfit:wght@300;400;500;600;700&display=swap');

/* --- Variables CSS globales --- */
:root {
  --sinlori-black:      #111111;
  --sinlori-gold:       #F0A830;
  --sinlori-gold-dark:  #C8860A;
  --sinlori-white:      #FFFFFF;
  --sinlori-grey-light: #F5F5F5;
  --sinlori-grey-text:  #666666;
  --sinlori-border:     #E0E0E0;

  --font-display: 'Playfair Display', Georgia, serif;
  --font-body:    'Outfit', system-ui, sans-serif;
}

/* --- Typographie de base --- */
body {
  font-family: var(--font-body);
  color: var(--sinlori-black);
  font-size: 16px;
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6,
.wd-title,
.woodmart-title,
.entry-title {
  font-family: var(--font-display);
  color: var(--sinlori-black);
  font-weight: 700;
}

p, span, li, a, label, input, select, textarea, button {
  font-family: var(--font-body);
}

/* --- Couleur principale WoodMart (accent) --- */
:root {
  --color-main: var(--sinlori-gold);
}

.wd-color-main,
a:not(.button):not(.btn):hover,
.wd-nav > li > a:hover,
.wd-nav > li.current-menu-item > a {
  color: var(--sinlori-gold);
}

/* --- Header --- */
.wd-header,
.woodmart-header,
#site-header {
  background-color: var(--sinlori-black);
}

.wd-header a,
.wd-header .wd-nav > li > a,
.woodmart-header a {
  color: var(--sinlori-white);
  font-family: var(--font-body);
  font-weight: 500;
}

.wd-header a:hover,
.wd-header .wd-nav > li > a:hover {
  color: var(--sinlori-gold);
}

/* Logo zone */
.wd-header-logo a,
.site-branding a {
  display: inline-block;
}

/* --- Boutons principaux --- */
.btn,
.button,
.wd-btn,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.single_add_to_cart_button,
.checkout-button,
.add_to_cart_button {
  background-color: var(--sinlori-gold) !important;
  color: var(--sinlori-black) !important;
  font-family: var(--font-body);
  font-weight: 600;
  border: none;
  border-radius: 4px;
  transition: background-color 0.2s ease, transform 0.1s ease;
}

.btn:hover,
.button:hover,
.wd-btn:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.single_add_to_cart_button:hover,
.add_to_cart_button:hover {
  background-color: var(--sinlori-gold-dark) !important;
  color: var(--sinlori-black) !important;
  transform: translateY(-1px);
}

/* Bouton outline/secondaire */
.btn-outline,
.wd-btn-outline {
  background-color: transparent !important;
  border: 2px solid var(--sinlori-gold) !important;
  color: var(--sinlori-gold) !important;
}

.btn-outline:hover,
.wd-btn-outline:hover {
  background-color: var(--sinlori-gold) !important;
  color: var(--sinlori-black) !important;
}

/* --- Prix WooCommerce --- */
.woocommerce .price,
.woocommerce .price .amount,
.woocommerce-Price-amount,
.woocommerce .price ins .amount,
.wd-product-price,
.product .price {
  color: var(--sinlori-gold-dark) !important;
  font-family: var(--font-body);
  font-weight: 700;
}

/* Prix barré (ancien prix) */
.woocommerce .price del,
.woocommerce .price del .amount,
.woocommerce-Price-amount.del {
  color: var(--sinlori-grey-text) !important;
  font-weight: 400;
}

/* Badge Soldes */
.woocommerce span.onsale,
.wd-label-onsale {
  background-color: var(--sinlori-gold) !important;
  color: var(--sinlori-black) !important;
  font-family: var(--font-body);
  font-weight: 700;
}

/* --- Cartes produits --- */
.wd-product .wd-product-title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.product-title {
  font-family: var(--font-body);
  font-weight: 600;
  color: var(--sinlori-black);
}

.wd-product:hover,
.woocommerce ul.products li.product:hover {
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

/* --- Navigation catégories (tabs) --- */
.wd-tabs .wd-tab-title,
.woodmart-nav-categories a {
  font-family: var(--font-body);
  font-weight: 500;
}

.wd-tabs .wd-tab-title.active,
.wd-tabs .wd-tab-title:hover {
  color: var(--sinlori-gold);
  border-bottom-color: var(--sinlori-gold);
}

/* --- Footer --- */
.wd-footer,
.woodmart-footer,
#site-footer {
  background-color: var(--sinlori-black);
  color: var(--sinlori-white);
}

.wd-footer a,
.woodmart-footer a {
  color: var(--sinlori-grey-light);
  font-family: var(--font-body);
}

.wd-footer a:hover,
.woodmart-footer a:hover {
  color: var(--sinlori-gold);
}

.wd-footer .wd-footer-title,
.woodmart-footer h4,
.woodmart-footer .widget-title {
  color: var(--sinlori-white);
  font-family: var(--font-body);
  font-weight: 700;
}

/* --- Formulaires --- */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea,
select {
  font-family: var(--font-body);
  border: 1px solid var(--sinlori-border);
  border-radius: 4px;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--sinlori-gold);
  outline: none;
  box-shadow: 0 0 0 2px rgba(240, 168, 48, 0.2);
}

/* --- Barre de recherche --- */
.wd-search-form input[type="search"],
.woocommerce-product-search input[type="search"] {
  font-family: var(--font-body);
}

.wd-search-form button,
.woocommerce-product-search button[type="submit"] {
  background-color: var(--sinlori-gold);
  color: var(--sinlori-black);
}

/* --- Breadcrumbs --- */
.wd-breadcrumbs a,
.woocommerce-breadcrumb a {
  color: var(--sinlori-gold-dark);
}

/* --- Pagination --- */
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li span.current {
  background-color: var(--sinlori-gold);
  color: var(--sinlori-black);
  border-color: var(--sinlori-gold);
}

/* --- Countdown (bloc promo WoodMart) --- */
.wd-countdown .wd-countdown-block {
  background-color: var(--sinlori-black);
  color: var(--sinlori-white);
}

.wd-countdown .wd-countdown-number {
  color: var(--sinlori-gold);
  font-family: var(--font-body);
  font-weight: 700;
}

/* --- Misc utilitaires --- */
.text-gold  { color: var(--sinlori-gold); }
.text-black { color: var(--sinlori-black); }
.bg-black   { background-color: var(--sinlori-black); }
.bg-gold    { background-color: var(--sinlori-gold); }