/*
Theme Name: Divi Enfant - Caveau de Cully
Description: Theme enfant de Divi 5 pour caveau-cully.ch. Reprend la typographie du theme Flex (Joomla) d'origine - Open Sans, avec la hierarchie de graisses historique (H1 800, H2/H5/H6 600, H3/H4 regulier, corps 300) - adaptee a la nouvelle palette "vin et lac" recommandee lors de la refonte 2026.
Author: Caveau des vignerons de Cully
Template: Divi
Version: 1.0.0
Text Domain: cdc-divi-enfant
*/

/* ==========================================================================
   1. Palette de couleurs (issue du plan de migration - section "Direction
      creative et modernisation"). Utiliser ces variables plutot que des
      couleurs codees en dur des que possible dans les futurs ajustements.
   ========================================================================== */

:root{
  --cdc-wine:        #5C1A28;   /* couleur principale - bordeaux profond */
  --cdc-wine-dark:    #3A2530;   /* degrade hero, fonds sombres */
  --cdc-wine-light:   #7A2E3C;   /* accents, survols */

  --cdc-sand:         #F4EDE1;   /* fonds de blocs clairs (cartes, sections alternees) */
  --cdc-sand-light:    #FBF8F2;  /* fond de page / en-tete */
  --cdc-sand-border:   #E4DCC9;  /* bordures discretes, separateurs */

  --cdc-gold:         #C89B4A;   /* boutons d'appel a l'action */
  --cdc-gold-dark:     #9C7A3C;  /* survol bouton dore, eyebrows */

  --cdc-lake:         #3F6E8C;   /* accents secondaires, icones acces */
  --cdc-lake-dark:     #2E5A75;  /* degrade section "degustation au bord du lac" */

  --cdc-ink:          #3A2510;   /* texte principal sur fond clair */
  --cdc-muted:        #6B6558;   /* texte secondaire / attenue */

  --cdc-footer-bg:     #2A1B1F;
  --cdc-footer-text:   #B9A99E;
}

/* ==========================================================================
   2. Typographie - continuite avec le theme Flex (Joomla) d'origine.
      Le theme Flex/Helix3 utilisait par defaut Open Sans avec cette
      hierarchie de graisses exacte (voir templateDetails.xml du theme
      d'origine) : corps 300, H1 800, H2 600, H3/H4 regulier, H5/H6 600.
      On la reprend telle quelle pour la continuite de marque.
   ========================================================================== */

body, p, li, a, span, input, textarea, button {
  font-family: 'Open Sans', Arial, sans-serif;
}

body{
  font-weight: 300;
  color: var(--cdc-ink);
  line-height: 1.7;
  font-size: 17px; /* releve par rapport a la maquette initiale (retour : polices trop petites) */
}

h1, .cdc-h1 {
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: 800;
  color: var(--cdc-ink);
  line-height: 1.25;
}

h2, .cdc-h2 {
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: 600;
  color: var(--cdc-ink);
}

h3, h4, .cdc-h3, .cdc-h4 {
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: 400;
  color: var(--cdc-ink);
}

h5, h6, .cdc-h5, .cdc-h6 {
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: 600;
  color: var(--cdc-ink);
}

a{
  color: var(--cdc-wine);
}
a:hover{
  color: var(--cdc-wine-light);
}

/* ==========================================================================
   3. Classes utilitaires a appliquer depuis Divi
      (onglet Avance > Classe(s) CSS de chaque module ou section)
      -> voir "Guide de construction - Page d'accueil (Divi 5)" pour le
         detail d'utilisation section par section.
   ========================================================================== */

/* Petit badge de statut (ex. "Ouvert aujourd'hui") sur fond sombre */
.cdc-badge-status{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,255,255,0.15);
  color: var(--cdc-sand-light);
  font-size: 15px;
  font-weight: 600;
  padding: 9px 20px;
  border-radius: 24px;
}
.cdc-badge-status .cdc-dot{
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #8FBF6F;
}
.cdc-badge-status.cdc-closed .cdc-dot{
  background: #C86A5A;
}

/* Bouton d'appel a l'action principal (dore) - hero, CTA groupes */
.cdc-btn-gold,
.cdc-btn-gold.et_pb_button{
  background-color: var(--cdc-gold) !important;
  border: none !important;
  color: #3A2510 !important;
  font-weight: 700 !important;
  border-radius: 4px !important;
  padding: 14px 26px !important;
}
.cdc-btn-gold:hover,
.cdc-btn-gold.et_pb_button:hover{
  background-color: var(--cdc-gold-dark) !important;
  color: #fff !important;
}

/* Bouton contour clair, utilise sur fonds sombres (hero) */
.cdc-btn-outline-light,
.cdc-btn-outline-light.et_pb_button{
  background-color: transparent !important;
  border: 1px solid rgba(255,255,255,0.55) !important;
  color: var(--cdc-sand-light) !important;
  font-weight: 700 !important;
  border-radius: 4px !important;
  padding: 13px 26px !important;
}
.cdc-btn-outline-light:hover,
.cdc-btn-outline-light.et_pb_button:hover{
  background-color: rgba(255,255,255,0.12) !important;
  border-color: #fff !important;
}

/* Bouton clair sur fond colore (section lac) */
.cdc-btn-light,
.cdc-btn-light.et_pb_button{
  background-color: var(--cdc-sand-light) !important;
  border: none !important;
  color: var(--cdc-lake-dark) !important;
  font-weight: 700 !important;
  border-radius: 4px !important;
  padding: 14px 26px !important;
}
.cdc-btn-light:hover,
.cdc-btn-light.et_pb_button:hover{
  background-color: #fff !important;
}

/* Bouton du menu principal (ex. item "Contact" mis en avant) */
.cdc-nav-cta{
  background-color: var(--cdc-wine) !important;
  color: var(--cdc-sand-light) !important;
  border-radius: 24px !important;
  padding: 10px 22px !important;
}

/* Carte mise en avant sur fond sable (bloc "cette semaine", "groupes") */
.cdc-card-highlight{
  background-color: var(--cdc-sand) !important;
  border-radius: 12px !important;
  padding: 32px !important;
}

/* Petit libellé au-dessus d'un titre de section (eyebrow) */
.cdc-eyebrow{
  display: block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.5px;
  color: var(--cdc-gold-dark);
  text-transform: uppercase;
  margin-bottom: 10px;
}

/* Section en degrade "lac" (bloc degustation bord du lac) */
.cdc-section-lake,
.cdc-section-lake.et_pb_section{
  background: linear-gradient(180deg, var(--cdc-lake) 0%, var(--cdc-lake-dark) 100%) !important;
  color: #EAF2F6 !important;
}
.cdc-section-lake h2,
.cdc-section-lake .cdc-h2{
  color: #ffffff !important;
}
.cdc-section-lake p{
  color: #CFE1EA !important;
}

/* Section hero en degrade "vin" avec superposition sombre sur image */
.cdc-section-hero,
.cdc-section-hero.et_pb_section{
  background:
    linear-gradient(180deg, rgba(58,37,48,0.55) 0%, rgba(92,26,40,0.75) 55%, rgba(122,46,60,0.85) 100%) !important;
  background-blend-mode: multiply;
}
.cdc-section-hero h1{
  color: var(--cdc-sand-light) !important;
}
.cdc-section-hero p{
  color: #E8D9C8 !important;
}

/* Compteurs (module Number Counter Divi) */
.cdc-counter .et_pb_number_counter_container{
  text-align: center;
}
.cdc-counter .et_pb_counter_amount{
  font-weight: 800 !important;
  color: var(--cdc-ink) !important;
  font-size: 44px !important;
}
.cdc-counter .et_pb_module_header{
  font-size: 14px !important;
  color: var(--cdc-muted) !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Bloc "tenancier de la semaine" - genere par le shortcode [cdc_vigneron_semaine] */
.cdc-week-name{
  font-weight: 700;
  font-size: 22px;
  color: var(--cdc-ink);
}
.cdc-week-dates{
  font-size: 15px;
  color: var(--cdc-muted);
  margin-top: 4px;
}

/* Logo dans l'en-tete et le hero */
.cdc-logo{
  max-height: 56px;
  width: auto;
}
.cdc-logo-hero{
  max-height: 90px;
  width: auto;
  margin-bottom: 24px;
}

/* Icones d'acces (module Blurb) en couleur lac */
.cdc-access-icon .et_pb_main_blurb_image .et-pb-icon,
.cdc-access-icon .et_pb_blurb_content .et-pb-icon{
  color: var(--cdc-lake) !important;
}

/* Pied de page sombre */
.cdc-footer,
.cdc-footer.et_pb_section{
  background-color: var(--cdc-footer-bg) !important;
  color: var(--cdc-footer-text) !important;
}

/* ==========================================================================
   4. Reglages generaux d'espacement (optionnel)
   ========================================================================== */

.cdc-card-highlight,
.cdc-section-hero,
.cdc-section-lake{
  border-radius: 12px;
}

@media (max-width: 767px){
  .cdc-badge-status{
    font-size: 12px;
    padding: 6px 14px;
  }
}