/*
Theme Name: Au Cœur de la Grâce
Theme URI: https://aucoeurdelagrace.org
Description: Thème enfant Hello Elementor pour le ministère Au Cœur de la Grâce — charte teal/jaune, typographies Montserrat/Roboto, Custom Post Types Missions & Lives.
Author: Au Cœur de la Grâce
Template: hello-elementor
Version: 1.5.0
Text Domain: acg-child
*/

/* ── Charte graphique (reprise du site Next.js v2.4) ── */
:root{
  --acg-gold:      #025574; /* primaire teal */
  --acg-gold-dark: #013a52; /* teal foncé */
  --acg-accent:    #E5B80B; /* jaune doré */
  --acg-beige:     #F8F9FA;
  --acg-beige-d:   #e2e8f0;
  --acg-cream:     #FFFFFF;
  --acg-parch:     #F9FAFB;
  --acg-fg:        #1A1A1A;
  --acg-muted:     #475467;
  --acg-light:     #9CA3AF;
  --acg-navy:      #011f2e; /* fond navbar */
  --acg-navbar-or: #d4af37; /* or navbar */
}

body{
  background: var(--acg-parch);
  color: var(--acg-fg);
  font-family: "Roboto", sans-serif;
  line-height: 1.7;
}
h1,h2,h3,h4,h5,h6{
  font-family: "Montserrat", sans-serif;
  line-height: 1.2;
  color: var(--acg-fg);
}
a{ text-decoration: none; }

/* Boutons façon site original (radius 10px + ombre teal) */
.acg-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  padding:.85rem 2rem;
  font-family:"Roboto",sans-serif; font-size:.78rem; font-weight:700;
  text-transform:uppercase; letter-spacing:.12em;
  color:#fff; background:var(--acg-gold);
  border:0; border-radius:10px; cursor:pointer;
  box-shadow:0 4px 10px rgba(2,85,116,.3);
  transition:all .2s ease;
}
.acg-btn:hover{ background:var(--acg-gold-dark); transform:translateY(-1px); box-shadow:0 6px 14px rgba(2,85,116,.4); color:#fff; }

.acg-btn-outline{
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  padding:.85rem 2rem;
  font-family:"Roboto",sans-serif; font-size:.78rem; font-weight:700;
  text-transform:uppercase; letter-spacing:.12em;
  color:rgba(255,255,255,.9); background:transparent;
  border:1.5px solid rgba(255,255,255,.55); border-radius:10px; cursor:pointer;
  transition:all .2s ease;
}
.acg-btn-outline:hover{ background:#fff; color:var(--acg-gold-dark); border-color:#fff; }

/* Tag de section (majuscules, teal, espacé) */
.acg-tag{
  display:block; font-family:"Roboto",sans-serif; font-size:.72rem;
  letter-spacing:.2em; text-transform:uppercase; color:var(--acg-gold);
  margin-bottom:.75rem;
}
/* Séparateur doré */
.acg-divider{ width:48px; height:2px; background:var(--acg-gold); margin:1rem 0; }
.acg-divider.center{ margin-left:auto; margin-right:auto; }

/* Carte ombre douce */
.acg-card{
  background:#fff; border-radius:12px; overflow:hidden;
  box-shadow:0 2px 8px rgba(0,0,0,.08); transition:all .3s ease;
}
.acg-card:hover{ box-shadow:0 12px 32px rgba(0,0,0,.14); transform:translateY(-4px); }