/*
Theme Name: SkinBeaty Child
Description: Thème enfant Blocksy — surcouche charte graphique SkinBeaty
Author: OffensiveSkills
Template: blocksy
Version: 1.0.0
*/

/* ===== Charte SkinBeaty — Palette ===== */
:root {
  --sk-velvet: #121212;
  --sk-bronze: #7D5545;
  --sk-gold: #D4B26F;
  --sk-terracotta: #C56A51;
  --sk-sand: #F9F6F0;
  --sk-radius-btn: 4px;
  --sk-radius-card: 8px;
}

/* ===== Fond général : Warm Sand (évite le blanc clinique) ===== */
body,
.ct-container,
.ct-header,
.ct-footer {
  background-color: var(--sk-sand);
}

/* ===== Typographie ===== */
body,
p,
.entry-content,
.woocommerce {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 16px;
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6,
.ct-header .site-title,
.woocommerce-loop-product__title,
.product_title {
  font-family: 'Playfair Display', Georgia, serif;
  color: var(--sk-velvet);
}

h1 { font-size: 48px; font-weight: 600; line-height: 1.2; }
h2 { font-size: 32px; font-weight: 500; line-height: 1.2; }
h3 { font-size: 24px; font-weight: 500; line-height: 1.3; }

/* ===== Boutons ===== */
.wp-block-button__link,
.button,
a.button,
button[type="submit"],
.woocommerce button.button,
.woocommerce a.button,
.woocommerce #respond input#submit,
.wc-block-components-button,
.ct-button,
.single_add_to_cart_button {
  background-color: var(--sk-terracotta) !important;
  color: var(--sk-velvet) !important;
  border-radius: var(--sk-radius-btn) !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  border: none !important;
  transition: all 0.2s ease-in-out !important;
}

.wp-block-button__link:hover,
.button:hover,
a.button:hover,
button[type="submit"]:hover,
.woocommerce button.button:hover,
.ct-button:hover,
.single_add_to_cart_button:hover {
  background-color: var(--sk-bronze) !important;
  color: var(--sk-sand) !important;
  transform: translateY(-1px);
}

/* Boutons secondaires : Soft Gold */
.wp-block-button.is-style-outline .wp-block-button__link,
.woocommerce a.button.secondary,
button.button-secondary,
.ct-header .ct-button-secondary {
  background-color: transparent !important;
  border: 1px solid var(--sk-gold) !important;
  color: var(--sk-bronze) !important;
}

/* ===== Cartes produits ===== */
.woocommerce ul.products li.product,
.ct-product-card {
  border-radius: var(--sk-radius-card);
  background: #fff;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
}

.woocommerce ul.products li.product:hover,
.ct-product-card:hover {
  box-shadow: 0 12px 32px rgba(18, 18, 18, 0.10);
  transform: translateY(-2px);
}

.woocommerce ul.products li.product img,
.ct-product-card img {
  transition: transform 0.2s ease-in-out;
}

.woocommerce ul.products li.product:hover img,
.ct-product-card:hover img {
  transform: scale(1.03);
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price {
  color: var(--sk-terracotta);
  font-weight: 600;
}

/* ===== Header : nom de marque ===== */
.ct-header .site-title a,
.ct-header .site-branding .site-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-weight: 600;
  letter-spacing: 2px;
  color: var(--sk-velvet);
}

/* ===== Accents dorés ===== */
.ct-header .ct-header-text,
.ct-footer .ct-footer-copyright a {
  color: var(--sk-bronze);
}

a {
  color: var(--sk-bronze);
  text-decoration: none;
}

a:hover {
  color: var(--sk-terracotta);
}

/* Ligne dorée sous les titres de section */
.entry-content h2::after,
.woocommerce-products-header h1::after {
  content: '';
  display: block;
  width: 48px;
  height: 1px;
  background: var(--sk-gold);
  margin-top: 16px;
}

/* ===== Accessibilité : contraste sur boutons ===== */
.woocommerce button.button:disabled,
.woocommerce button.button:disabled:hover {
  background-color: #d9c9bf !important;
  color: #7a6a60 !important;
}