/*
Theme Name: Astra Child - Balmitex
Template: astra
Description: Child theme officiel pour Balmitex - design noir & or, boutique de patrons de couture PDF
Version: 1.0
Text Domain: astra-child-balmitex
*/

/* ==========================================================================
   VARIABLES DE MARQUE - BALMITEX
   ========================================================================== */
:root {
  --balmitex-noir: #0e1420;
  --balmitex-noir-clair: #1b2436;
  --balmitex-or: #c99a3c;
  --balmitex-or-clair: #f3d27a;
  --balmitex-blanc: #ffffff;
  --balmitex-gris-texte: #cfcfcf;
}

/* ==========================================================================
   TYPOGRAPHIE
   ========================================================================== */
body {
  background-color: var(--balmitex-noir);
  color: var(--balmitex-gris-texte);
  font-family: 'Poppins', -apple-system, sans-serif;
}

h1, h2, h3, h4, .site-title,
.entry-title, .woocommerce-loop-product__title {
  font-family: 'Playfair Display', Georgia, serif;
  color: var(--balmitex-or-clair);
  letter-spacing: 0.5px;
}

a {
  color: var(--balmitex-or);
  transition: color 0.25s ease;
}
a:hover { color: var(--balmitex-or-clair); }

/* ==========================================================================
   HEADER
   ========================================================================== */
.site-header,
.ast-primary-header-bar,
.main-header-bar {
  background-color: var(--balmitex-noir) !important;
  border-bottom: 1px solid var(--balmitex-or);
}

.main-header-menu a {
  color: var(--balmitex-gris-texte) !important;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
}
.main-header-menu a:hover,
.main-header-menu .current-menu-item > a {
  color: var(--balmitex-or) !important;
}

/* ==========================================================================
   BOUTONS
   ========================================================================== */
.ast-button, button, input[type="submit"],
.wp-block-button__link,
.woocommerce a.button, .woocommerce button.button {
  background: linear-gradient(135deg, var(--balmitex-or-clair), var(--balmitex-or)) !important;
  color: var(--balmitex-noir) !important;
  border: none !important;
  border-radius: 2px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 14px 28px !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.ast-button:hover, button:hover, input[type="submit"]:hover,
.woocommerce a.button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(201, 154, 60, 0.35);
}

/* ==========================================================================
   PRODUITS WOOCOMMERCE
   ========================================================================== */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  background-color: var(--balmitex-noir-clair);
  border: 1px solid rgba(201, 154, 60, 0.25);
  border-radius: 6px;
  padding: 16px;
  transition: transform 0.25s ease, border-color 0.25s ease;
}
.woocommerce ul.products li.product:hover {
  transform: translateY(-4px);
  border-color: var(--balmitex-or);
}

.woocommerce ul.products li.product .price {
  color: var(--balmitex-or-clair) !important;
  font-weight: 700;
  font-size: 18px;
}

.woocommerce span.onsale {
  background-color: var(--balmitex-or) !important;
  color: var(--balmitex-noir) !important;
}

/* Badge "Bestseller" personnalise */
.balmitex-badge {
  display: inline-block;
  border: 1px solid var(--balmitex-or);
  color: var(--balmitex-or);
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 4px 10px;
  margin-bottom: 10px;
}

/* ==========================================================================
   PAGE PRODUIT - Guide des tailles / impression
   ========================================================================== */
.balmitex-product-tabs {
  background-color: var(--balmitex-noir-clair);
  border: 1px solid rgba(201, 154, 60, 0.2);
  border-radius: 6px;
  padding: 24px;
  margin-top: 20px;
}
.balmitex-size-guide table {
  width: 100%;
  border-collapse: collapse;
}
.balmitex-size-guide th, .balmitex-size-guide td {
  border: 1px solid rgba(201, 154, 60, 0.25);
  padding: 8px 12px;
  text-align: center;
  color: var(--balmitex-gris-texte);
}
.balmitex-size-guide th {
  background-color: rgba(201, 154, 60, 0.12);
  color: var(--balmitex-or-clair);
}

/* ==========================================================================
   FOOTER
   ========================================================================== */
.site-footer, footer.site-footer {
  background-color: #05080d !important;
  border-top: 1px solid var(--balmitex-or);
  color: var(--balmitex-gris-texte);
}
.site-footer a { color: var(--balmitex-or-clair); }

/* ==========================================================================
   SUPPORT RTL (Arabe)
   ========================================================================== */
body.rtl {
  direction: rtl;
  font-family: 'Cairo', 'Poppins', sans-serif;
}
body.rtl h1, body.rtl h2, body.rtl h3 {
  font-family: 'Cairo', 'Playfair Display', serif;
}
body.rtl .main-header-menu {
  direction: rtl;
}

/* ==========================================================================
   RESPONSIVE MOBILE
   ========================================================================== */
@media (max-width: 768px) {
  h1, .entry-title { font-size: 26px !important; }
  .ast-button, button { width: 100%; text-align: center; }
  .woocommerce ul.products li.product { margin-bottom: 16px; }
}
