/*
 Theme Name:   Fatah Mokrani
 Theme URI:    https://www.fatah-mokrani.fr
 Description:  Thème enfant d'Astra pour fatah-mokrani.fr — design épuré & zen (blanc, charbon, accent or). Auteur & formateur Qi Gong.
 Author:       Fatah Mokrani
 Template:     astra
 Version:      0.1.0
 Text Domain:  fatah-mokrani
*/

/* ============================================================
   1. PALETTE & RÉGLAGES — pour changer les couleurs, c'est ICI
   ============================================================ */
:root {
  --fm-bg:         #ffffff;   /* fond du site */
  --fm-text:       #1d1d1f;   /* texte principal (charbon) */
  --fm-muted:      #6b6b6f;   /* texte secondaire / légendes */
  --fm-gold:       #b8893b;   /* ACCENT or (couverture du livre) */
  --fm-gold-dark:  #8f6a26;   /* or foncé (survol, contraste) */
  --fm-line:       #ececec;   /* filets, séparateurs */
  --fm-soft:       #faf8f4;   /* fond de section très clair (chaleur discrète) */

  /* On surcharge aussi les couleurs globales d'Astra pour propager l'or partout */
  --ast-global-color-0: var(--fm-gold);       /* liens */
  --ast-global-color-1: var(--fm-gold-dark);  /* survol des liens */
  --ast-global-color-2: var(--fm-text);       /* titres */
  --ast-global-color-3: var(--fm-text);       /* corps de texte */
}

/* ============================================================
   2. TYPOGRAPHIE — épurée, aérée
   ============================================================ */
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: var(--fm-text);
  background-color: var(--fm-bg);
  font-size: 18px;
  line-height: 1.7;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.entry-title {
  font-family: 'Inter', sans-serif;
  color: var(--fm-text);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

h1 { font-size: clamp(2.2rem, 5vw, 3.4rem); }
h2 { font-size: clamp(1.7rem, 3.5vw, 2.4rem); }

p { margin-bottom: 1.3em; }

/* ============================================================
   3. LIENS & ACCENT OR
   ============================================================ */
a { color: var(--fm-gold); text-decoration: none; transition: color .2s ease; }
a:hover, a:focus { color: var(--fm-gold-dark); }

/* ============================================================
   4. BOUTONS — charbon élégant, or au survol
   ============================================================ */
.wp-block-button__link,
.ast-button,
.menu-toggle,
button.button,
.button,
input[type="submit"],
.tutor-btn,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce #respond input#submit,
.woocommerce .button {
  background-color: var(--fm-text) !important;
  color: #ffffff !important;
  border: 1px solid var(--fm-text) !important;
  border-radius: 4px;
  padding: 0.9em 2em;
  font-weight: 500;
  letter-spacing: 0.02em;
  transition: all .25s ease;
  box-shadow: none !important;
}

.wp-block-button__link:hover,
.ast-button:hover,
button.button:hover,
.button:hover,
input[type="submit"]:hover,
.tutor-btn:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .button:hover {
  background-color: var(--fm-gold) !important;
  border-color: var(--fm-gold) !important;
  color: #ffffff !important;
}

/* ============================================================
   5. RESPIRATION — esprit zen, beaucoup d'espace
   ============================================================ */
.site-content .ast-container { padding-top: 1rem; }
.entry-content > * { margin-top: 1.4em; }

/* Séparateurs discrets */
hr { border: none; border-top: 1px solid var(--fm-line); margin: 3rem 0; }

/* ============================================================
   6. (À VENIR) styles spécifiques des pages Accueil / Formations / Livres
   ============================================================ */