Theme Name:   Extra Child DAA Media
Template:     Extra
Version:      1.0
/* ==========================================================================
   DAA Media — styles de base
   Version sans variables CSS : compatible avec le champ « CSS additionnel »
   du Personnalisateur WordPress et avec Theme Options → Custom CSS.

   Palette de référence :
     Bleu nuit  #0B1F3A
     Doré       #C9A227
     Blanc cassé#F7F7F5
     Gris texte #4A4A4A
   ========================================================================== */


/* --------------------------------------------------------------------------
   Surtitre de catégorie — doré, capitales. Signature visuelle DAA Media.
   S'applique aux surtitres des cartes d'articles et d'études.
   -------------------------------------------------------------------------- */
.daa-surtitre {
  color: #C9A227;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.09em;
}


/* --------------------------------------------------------------------------
   Bouton primaire
   -------------------------------------------------------------------------- */
.daa-btn-primaire {
  background: #C9A227;
  color: #0B1F3A;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.daa-btn-primaire:hover {
  background: #B08F1F;
  color: #0B1F3A;
}


/* --------------------------------------------------------------------------
   Bouton secondaire (contour)
   -------------------------------------------------------------------------- */
.daa-btn-secondaire {
  background: transparent;
  border: 2px solid #C9A227;
  color: #C9A227;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.daa-btn-secondaire:hover {
  background: #C9A227;
  color: #0B1F3A;
}


/* --------------------------------------------------------------------------
   Égalisation de la hauteur des cartes d'articles
   Évite les cartes en escalier quand les titres ont des longueurs différentes.
   -------------------------------------------------------------------------- */
.et_pb_extra_module .post-content {
  min-height: 118px;
}


/* --------------------------------------------------------------------------
   Catégories affichées par les modules Extra — reprise de la charte
   -------------------------------------------------------------------------- */
.et_pb_extra_module .post-meta a,
.et_pb_extra_module .cat-label {
  color: #C9A227;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.09em;
}


/* --------------------------------------------------------------------------
   Sections sombres (hero, magazine, footer)
   -------------------------------------------------------------------------- */
.daa-section-nuit {
  background-color: #0B1F3A;
  color: #E8EBF0;
}

.daa-section-nuit h1,
.daa-section-nuit h2,
.daa-section-nuit h3,
.daa-section-nuit h4 {
  color: #FFFFFF;
}


/* --------------------------------------------------------------------------
   Sections claires
   -------------------------------------------------------------------------- */
.daa-section-claire {
  background-color: #F7F7F5;
}


/* --------------------------------------------------------------------------
   Corps de texte
   -------------------------------------------------------------------------- */
body {
  color: #4A4A4A;
}


/* --------------------------------------------------------------------------
   Espacement vertical standard entre sections
   96 px en desktop, 56 px en mobile.
   -------------------------------------------------------------------------- */
.daa-espacement {
  padding-top: 96px;
  padding-bottom: 96px;
}

@media (max-width: 980px) {
  .daa-espacement {
    padding-top: 56px;
    padding-bottom: 56px;
  }
}