/*
Theme Name: Anouar DZ
Theme URI: https://anouardz.com
Description: Thème enfant d'Astra pour Anouar DZ — plantes artificielles fabriquées à la main. Palette douce et calme inspirée de la nature, avec support RTL complet pour l'arabe littéraire.
Author: Amina
Author URI: https://anouardz.com
Template: astra
Version: 1.0.0
Text Domain: anouardz-child
*/

/* ==========================================================================
   1. JETONS DE DESIGN (design tokens)
   Copiez ces variables ne suffit pas seul dans les widgets Elementor,
   mais elles servent de référence pour tous les réglages de couleur/police
   dans Elementor (Site Settings > Global Colors / Global Fonts).
   ========================================================================== */
:root{
  --anz-bg:        #F1F4EA; /* fond blanc-feuille, légèrement teinté de vert */
  --anz-bg-alt:    #E1EAD3; /* lavis sauge pâle, sections alternées */
  --anz-ink:       #263323; /* encre vert-noir profond (au lieu d'un gris neutre) */
  --anz-ink-soft:  #4E5C46; /* texte secondaire, ton mousse éteint */
  --anz-moss:      #4E7042; /* vert feuillage affirmé — boutons, accents */
  --anz-moss-deep: #26361F; /* vert forêt profond — titres, fonds sombres */
  --anz-sage:      #7C9B6C; /* sauge plus vive — accent végétal */
  --anz-clay:      #BE8A56; /* terre cuite / terreau — étiquettes, chaleur */
  --anz-line:      #CBD9B9; /* lignes/bordures teintées de vert */
  --anz-paper:     #FAFBF3; /* blanc-feuille, cartes produits */
  --anz-radius:    2px;
}

/* ==========================================================================
   2. POLICES
   Fraunces (titres FR), Work Sans (texte FR), IBM Plex Mono (étiquettes FR),
   Amiri (titres AR littéraire), Cairo (étiquettes/UI AR)
   ========================================================================== */
body{
  font-family: 'Work Sans', sans-serif;
  color: var(--anz-ink);
  background: var(--anz-bg);
}
h1,h2,h3,h4,
.elementor-heading-title{
  font-family: 'Fraunces', serif;
  font-weight: 450;
  letter-spacing: -0.01em;
  color: var(--anz-moss-deep);
}

/* ==========================================================================
   3. SUPPORT ARABE LITTÉRAIRE / RTL
   WordPress charge automatiquement style-rtl.css quand la langue active
   est en RTL (ex: arabe via Polylang/WPML). Voir ce fichier pour les
   ajustements de mise en page inversée.
   ========================================================================== */
html[lang^="ar"] body,
body.rtl{
  font-family: 'Amiri', 'Cairo', serif;
}
html[lang^="ar"] h1,
html[lang^="ar"] h2,
html[lang^="ar"] h3,
body.rtl h1,
body.rtl h2,
body.rtl h3{
  font-family: 'Amiri', serif;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.5;
}
html[lang^="ar"] p,
body.rtl p{
  line-height: 1.95;
}

/* ==========================================================================
   4. COMPOSANTS RÉUTILISABLES POUR ELEMENTOR
   Ajoutez ces classes CSS dans l'onglet "Avancé > Classes CSS" de
   n'importe quel widget Elementor (bouton, texte, conteneur) pour
   appliquer instantanément le style de la marque.
   ========================================================================== */

/* Bouton principal — à mettre sur un widget Bouton Elementor */
.anz-btn-primary{
  background: var(--anz-moss-deep) !important;
  color: var(--anz-paper) !important;
  border-radius: var(--anz-radius) !important;
  padding: 14px 30px !important;
  font-family: 'Work Sans', sans-serif !important;
  letter-spacing: 0.01em;
  transition: background .25s, transform .25s;
}
.anz-btn-primary:hover{
  background: var(--anz-moss) !important;
  transform: translateY(-1px);
}

/* Étiquette "spécimen d'atelier" — signature de la marque.
   À placer sur un conteneur Elementor (widget Texte ou Boîte d'image)
   positionné en absolu au-dessus d'une image produit. */
.anz-specimen-tag{
  background: var(--anz-clay);
  color: var(--anz-moss-deep);
  padding: 16px 20px 18px;
  max-width: 190px;
  border-radius: 2px;
  transform: rotate(4deg);
  box-shadow: 0 14px 30px -12px rgba(43,42,38,0.35);
  position: relative;
}
.anz-specimen-tag::before{
  content:"";
  position:absolute; top:10px; left:14px;
  width:9px; height:9px;
  border:1.5px solid var(--anz-moss-deep);
  border-radius:50%;
}
body.rtl .anz-specimen-tag{
  transform: rotate(-4deg);
}
body.rtl .anz-specimen-tag::before{
  left:auto; right:14px;
}
.anz-specimen-tag .anz-tag-no{
  font-family:'IBM Plex Mono', monospace;
  font-size:0.65rem; text-transform:uppercase; letter-spacing:0.06em;
  opacity:0.75; margin-bottom:6px;
}
body.rtl .anz-specimen-tag .anz-tag-no{
  font-family:'Cairo', sans-serif; text-transform:none; letter-spacing:0;
}
.anz-specimen-tag .anz-tag-name{
  font-family:'Fraunces', serif; font-style:italic; font-size:1.05rem; line-height:1.2;
}
body.rtl .anz-specimen-tag .anz-tag-name{
  font-family:'Amiri', serif; font-style:normal;
}
.anz-specimen-tag .anz-tag-origin{
  font-size:0.62rem; margin-top:10px; opacity:0.8;
  font-family:'IBM Plex Mono', monospace;
}
body.rtl .anz-specimen-tag .anz-tag-origin{
  font-family:'Cairo', sans-serif;
}

/* Étiquette mono (labels de section, ex: "Arbustes", "01 — Entretien") */
.anz-label{
  font-family:'IBM Plex Mono', monospace;
  font-size:0.7rem; letter-spacing:0.06em; text-transform:uppercase;
  color: var(--anz-sage);
}
body.rtl .anz-label{
  font-family:'Cairo', sans-serif; letter-spacing:0; text-transform:none;
}

/* Section sombre "Pourquoi Anouar DZ" — à mettre sur une Section Elementor */
.anz-section-dark{
  background: var(--anz-moss-deep) !important;
  color: var(--anz-paper) !important;
}
.anz-section-dark h2, .anz-section-dark h3{
  color: var(--anz-paper) !important;
}

/* Carte produit calme (fond papier, bordure fine) */
.anz-card{
  background: var(--anz-paper);
  border: 1px solid var(--anz-line);
  border-radius: 3px;
  transition: transform .3s, box-shadow .3s;
}
.anz-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 20px 40px -22px rgba(43,42,38,0.28);
}

/* Bandeau défilant de réassurance (fait main / made in DZ / zéro entretien) */
.anz-strip{
  border-top: 1px solid var(--anz-line);
  border-bottom: 1px solid var(--anz-line);
  background: var(--anz-bg-alt);
  font-family:'IBM Plex Mono', monospace;
  font-size:0.78rem; letter-spacing:0.08em; text-transform:uppercase;
  color: var(--anz-ink-soft);
}
body.rtl .anz-strip{
  font-family:'Cairo', sans-serif; text-transform:none; letter-spacing:0;
}

/* ==========================================================================
   5. GRILLE PRODUITS WOOCOMMERCE (page d'accueil = boutique complète)
   S'applique automatiquement à toute grille produits WooCommerce :
   widget Elementor "Produits", shortcode [products], ou page Boutique
   native. Aucune classe à ajouter manuellement.
   ========================================================================== */
.woocommerce ul.products,
.woocommerce-page ul.products{
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  margin: 0 !important;
}
@media(max-width: 992px){
  .woocommerce ul.products,
  .woocommerce-page ul.products{ grid-template-columns: repeat(3, 1fr) !important; }
}
@media(max-width: 700px){
  .woocommerce ul.products,
  .woocommerce-page ul.products{ grid-template-columns: repeat(2, 1fr) !important; }
}
@media(max-width: 460px){
  .woocommerce ul.products,
  .woocommerce-page ul.products{ grid-template-columns: 1fr !important; }
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  background: var(--anz-paper);
  border: 1px solid var(--anz-line);
  border-radius: 3px;
  padding: 18px 18px 22px !important;
  margin: 0 !important;
  width: auto !important;
  float: none !important;
  transition: transform .3s, box-shadow .3s;
}
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover{
  transform: translateY(-4px);
  box-shadow: 0 20px 40px -22px rgba(43,42,38,0.28);
}
.woocommerce ul.products li.product img{
  width: 100% !important;
  height: 240px !important;
  object-fit: cover !important;
  border-radius: 2px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family: 'Fraunces', serif;
  font-weight: 450;
  font-size: 1.05rem;
  margin: 12px 0 4px;
}
body.rtl .woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family: 'Amiri', serif;
}
.woocommerce ul.products li.product .price{
  font-family: 'IBM Plex Mono', monospace;
  color: var(--anz-moss-deep);
}
body.rtl .woocommerce ul.products li.product .price{
  font-family: 'Cairo', sans-serif;
}
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.add_to_cart_button{
  background: var(--anz-moss-deep) !important;
  color: var(--anz-paper) !important;
  border-radius: var(--anz-radius) !important;
  font-family: 'Work Sans', sans-serif !important;
  transition: background .25s;
  margin-top: 10px !important;
}
.woocommerce ul.products li.product .button:hover{
  background: var(--anz-moss) !important;
}