/*
Theme Name: Astra Child - Aurélie Roques
Description: Thème enfant Astra pour aurelie.brunozen.fr — bandeau de menu et pied de page personnalisés (sexothérapie, thérapie de couple, hypnothérapie).
Author: Bruno
Template: astra
Version: 1.2.1
*/

/* ==========================================================================
   1. JETONS DE COULEUR / TYPOGRAPHIE — utilisés aussi par les pages
   ========================================================================== */
:root{
  --ar-ink:#241F1C;
  --ar-paper:#FBF6F1;
  --ar-teal:#2F4A45;
  --ar-teal-dk:#213531;
  --ar-teal-soft:#E7EEEC;
  --ar-rose:#B5726B;
  --ar-rose-dk:#9B5B54;
  --ar-rose-soft:#F3E3DF;
  --ar-gold:#C7A468;
  --ar-line:#E4DACD;
  --ar-ink-soft:#5C544D;
}

body{
  background:var(--ar-paper);
  color:var(--ar-ink);
  font-family:'Karla',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
h1,h2,h3,h4,h5,h6,
.entry-title, .page-title{
  font-family:'Fraunces',Georgia,serif !important;
  font-weight:600 !important;
  color:var(--ar-teal-dk) !important;
  letter-spacing:-0.01em;
}

/* ==========================================================================
   2. BANDEAU DE MENU (Astra primary header)
   ========================================================================== */
.ast-primary-header-bar,
.main-header-bar{
  background-color:var(--ar-paper) !important;
  border-bottom:1px solid var(--ar-line) !important;
  box-shadow:none !important;
}

/* Logo / nom du site */
.site-title a,
.ast-site-identity .site-title a{
  font-family:'Fraunces',Georgia,serif !important;
  font-weight:600 !important;
  font-size:1.3rem !important;
  color:var(--ar-teal-dk) !important;
  letter-spacing:.02em;
}
.site-description{
  color:var(--ar-rose-dk) !important;
  font-family:'Karla',sans-serif !important;
  font-size:.78rem !important;
  text-transform:uppercase;
  letter-spacing:.1em;
}

/* Liens du menu principal */
.main-header-menu .menu-item > a,
.main-header-menu .menu-link{
  font-family:'Karla',sans-serif !important;
  font-weight:600 !important;
  font-size:.92rem !important;
  color:var(--ar-ink) !important;
  border-radius:100px;
  padding:8px 16px !important;
  transition:background .15s ease;
}
.main-header-menu .menu-item > a:hover,
.main-header-menu .current-menu-item > a{
  background:var(--ar-teal-soft) !important;
  color:var(--ar-teal-dk) !important;
}

/* Bouton "Prendre rendez-vous" — ajouter la classe CSS "ar-btn-cta"
   à cet item de menu depuis Apparence > Menus (Options de l'écran > Classes CSS) */
.main-header-menu .ar-btn-cta > a{
  background:var(--ar-rose) !important;
  color:#fff !important;
  font-weight:700 !important;
  padding:10px 22px !important;
  box-shadow:0 6px 16px rgba(181,114,107,.32);
}
.main-header-menu .ar-btn-cta > a:hover{
  background:var(--ar-rose-dk) !important;
  color:#fff !important;
}

/* Menu mobile (burger) */
.ast-mobile-menu-buttons-minimal .astra-icon-bar,
.ast-mobile-header-bar .ast-mobile-menu-trigger-outline svg{
  color:var(--ar-teal-dk) !important;
}
.ast-header-break-point .ast-mobile-popup-drawer,
.ast-header-break-point .main-header-bar-navigation{
  background:var(--ar-paper) !important;
}

/* ==========================================================================
   3. PIED DE PAGE
   ========================================================================== */

/* Le footer natif d'Astra (widgets + barre de copyright) est masqué :
   il est intégralement remplacé par le footer sur mesure injecté via
   functions.php (fonction ar_custom_footer), toujours visible plus bas. */
footer.site-footer,
.ast-footer-overlay,
.footer-adv,
.ast-small-footer{
  display:none !important;
}

/* Footer personnalisé (voir functions.php > ar_custom_footer) */
.ar-site-footer{
  background-color:var(--ar-teal-dk);
  color:#D6E0DC;
  padding:64px 0 28px;
  font-family:'Karla',sans-serif;
}
.ar-site-footer__wrap{
  max-width:1120px;
  margin:0 auto;
  padding:0 24px;
}
.ar-site-footer__grid{
  display:grid;
  grid-template-columns:1.3fr 1fr 1fr;
  gap:40px;
  margin-bottom:40px;
}
.ar-site-footer h4{
  color:#F3EFE7 !important;
  font-family:'Fraunces',Georgia,serif !important;
  font-size:1rem !important;
  font-weight:600 !important;
  margin:0 0 .9em !important;
}
.ar-site-footer p{
  color:#B9C7C2;
  font-size:.92rem;
  line-height:1.9;
  margin:0 0 .3em;
}
.ar-site-footer a{
  color:#B9C7C2;
  text-decoration:none;
  transition:color .15s ease;
}
.ar-site-footer a:hover{
  color:#ffffff;
}
.ar-site-footer__nav{
  list-style:none;
  margin:0;
  padding:0;
}
.ar-site-footer__nav li{
  margin-bottom:.5em;
  font-size:.92rem;
}
.ar-site-footer__cta{
  display:inline-flex;
  align-items:center;
  margin-top:14px;
  padding:10px 22px;
  border-radius:100px;
  background:var(--ar-rose);
  color:#fff !important;
  font-weight:700;
  font-size:.88rem;
  box-shadow:0 6px 16px rgba(181,114,107,.32);
}
.ar-site-footer__cta:hover{
  background:var(--ar-rose-dk);
  color:#fff !important;
}
.ar-site-footer__bottom{
  border-top:1px solid rgba(255,255,255,.12);
  padding-top:22px;
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px;
  font-size:.8rem;
  color:#8AA19B;
}
.ar-site-footer__legal a{
  color:#B9C7C2;
}
.ar-site-footer__legal a:hover{
  color:#ffffff;
}

html{
  scroll-behavior:smooth;
}

@media (max-width:860px){
  .ar-site-footer__grid{
    grid-template-columns:1fr;
    gap:28px;
  }
}

/* ==========================================================================
   4. BOUTONS GÉNÉRIQUES ASTRA (formulaires, boutons de contenu)
   ========================================================================== */
.ast-button, button, input[type="submit"]{
  background:var(--ar-rose);
  border-radius:100px;
  font-family:'Karla',sans-serif;
  font-weight:700;
}
.ast-button:hover, button:hover, input[type="submit"]:hover{
  background:var(--ar-rose-dk);
}

/* ==========================================================================
   5. CONTENU DES PAGES — les blocs HTML personnalisés (Gutenberg) des pages
   utilisent la classe .ar-page qui hérite des variables ci-dessus.
   ========================================================================== */
.ar-page{
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
.ar-page *{box-sizing:border-box;}