/*
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;
  }
}


/* --------------------------------------------------------------------------
   CORRECTION BARRE LATÉRALE & WIDGETS - DAA MEDIA (BLEU NUIT)
   -------------------------------------------------------------------------- */
#sidebar,
.widget-area,
.et_pb_widget,
.et_pb_extra_column_sidebar,
.et_pb_extra_column_sidebar .widget,
.widget_block {
  background-color: #0B1F3A !important;
  background: #0B1F3A !important;
  border: none !important;
  box-shadow: none !important;
}

/* Titres des widgets dans la sidebar */
#sidebar .widgettitle,
#sidebar .widget-title,
.et_pb_widget h4 {
  color: #C9A227 !important;
}

/* Textes, dates et éléments de liste */
#sidebar,
#sidebar p,
#sidebar span,
#sidebar li,
#sidebar .post-date,
.et_pb_widget {
  color: #F7F7F5 !important;
}

/* Liens dans la sidebar */
#sidebar a,
.et_pb_widget a {
  color: #0088CC !important; /* Couleur d'origine des liens d'articles */
  text-decoration: none;
}

#sidebar a:hover,
.et_pb_widget a:hover {
  color: #C9A227 !important; /* Survol en Doré DAA Media */
}