/*
Theme Name: GRCP
Theme URI: https://example.com/
Description: Thème enfant pour Divi
Author: Mylene Raymond
Author URI: https://example.com/
Template: Divi
Version: 1.0.0
*/


/* ===================================================================
   style.css – base globale du thème enfant
   (les styles de sections sont dans leurs fichiers dédiés)
   Couleurs utilisées :
     - Orange : #d66236
     - Violet : #5f2a83
     - Turquoise : #3ba19b
     - Gris foncé texte : #1d2939
     - Gris moyen : #475467
     - Gris pâle : #e1e4e8
   =================================================================== */


/* =========================
   Reset léger
   ========================= */
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: auto;
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}
figure {
  margin: 0;
}

/* liens par défaut */
a { 
  color: #3ba19b;
  text-decoration: none;   /* était: underline */
}
a:hover,
a:focus {
  text-decoration: underline;   /* ou none si tu n’en veux jamais */
  outline: none;
}

/* =========================
   Typo globale
   ========================= */
body {
  color: #1d2939;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #1d2939;
  font-weight: 700;
  margin: 0 0 12px 0;
}
p {
  margin: 0 0 12px 0;
}

/* =========================
   Conteneur de page
   ========================= */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
}


/* =========================
   Bouton générique (pilule)
   ========================= */
.btn,
.ev-cta {
  display: inline-block;
  padding: 10px 16px;
  border: 2px solid #3ba19b;
  background: #ffffff;
  color: #3ba19b;
  border-radius: 999px;
  text-decoration: none;
  cursor: pointer;
}
.btn:hover,
.btn:focus,
.ev-cta:hover,
.ev-cta:focus {
  background: #eaf7f6;
  text-decoration: none;
  outline: none;
}


/* =========================
   Chips (petites étiquettes)
   ========================= */
.chip {
  display: inline-block;
  font-size: 13px;
  padding: 8px 10px;
  border: 1px solid #e1e4e8;
  background: #ffffff;
  color: #333333;
  border-radius: 12px;
}
.chip--date {
  color: #5f2a83;
  border-color: #e7ddf2;
  background: #faf7ff;
}


/* =========================
   Bannières de titre
   (utilisé par archives et pages spécifiques)
   ========================= */
.archive-title,
.single-banner {
  background-color: #d66236;             /* orange */
  color: #ffffff;                        /* texte blanc */
  text-align: center;                    /* centrer le titre */
  padding: 30px 20px;                    /* espace interne */
  font-size: 1.8em;                      /* taille */
  font-weight: 700;                      /* gras */
  text-transform: uppercase;             /* majuscules */
  letter-spacing: 1px;                   /* espacement */
  margin: 0 0 30px 0;                    /* espace bas */
  width: 100vw;                          /* pleine largeur visuelle */
  position: relative;                    /* nécessaire pour centrer */
  left: 50%;                             /* position */
  transform: translateX(-50%);           /* centrage */
}


/* =========================
   Cartes génériques (fond blanc + ombre)
   ========================= */
.card {
  background: #ffffff;
  border: 1px solid #e1e4e8;
  border-radius: 16px;
  padding: 16px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}


/* =========================
   Placeholders d’image
   ========================= */
.img-placeholder {
  background: #f1f3f5;
  border: 2px dashed #c9cdd2;
  color: #6b7280;
  height: 260px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}


/* =========================
   Métadonnées (lignes label/valeur)
   ========================= */
.meta {
  margin: 0 0 8px 0;
}
.meta-label {
  display: inline-block;
  min-width: 90px;
  color: #6b7280;
}
.meta-value {
  color: #1d2939;
}


/* =========================
   Utilitaires d’espacement
   ========================= */
.mt-50 {
  margin-top: 50px;
}
.mb-50 {
  margin-bottom: 50px;
}
.mt-24 {
  margin-top: 24px;
}
.mb-24 {
  margin-bottom: 24px;
}


/* =========================
   Accessibilité (focus visible)
   ========================= */
:focus-visible {
  outline: 3px solid #5f2a83;
  outline-offset: 2px;
}


/* =========================
   Correctifs Divi fréquents
   ========================= */
.et_pb_module a {
  text-decoration: underline;
}
.et_pb_module a:hover,
.et_pb_module a:focus {
  text-decoration: none;
}