/*
Theme Name: Divi Enfant - Caveau de Cully
Description: Theme enfant de Divi 5 pour caveau-cully.ch. Palette "vin et lac", typographie Open Sans (continuite avec le theme Flex/Joomla d'origine).
Author: Caveau des vignerons de Cully
Template: Divi
Version: 2.42.0
Text Domain: cdc-divi-enfant
*/

/* ==========================================================================
   1. PALETTE DE COULEURS
   ========================================================================== */

:root{
  --cdc-wine:        #5C1A28;   /* couleur principale - bordeaux profond */
  --cdc-wine-dark:   #3A2530;   /* degrade hero, fonds sombres */
  --cdc-wine-light:  #A3475A;   /* accents, survols des boutons - correspond a la Variable Divi "Bordeaux clair" (eclaircie v2.39.0) */
  --cdc-link-hover:  #7A2E3C;   /* v2.40.0 - couleur separee pour survol des liens texte + icones des compteurs (valeur d'origine, distincte du bordeaux clair des boutons depuis l'eclaircissement) */

  --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 DE BASE
   ========================================================================== */

/* v2.36.0 - regle "body" (graisse/interligne/taille) entierement
   retiree : confirmee couverte par les reglages natifs Divi
   (Parametres Generaux > Typographie > Corps de texte : Open Sans,
   graisse 300, taille 18px, hauteur de ligne 1.7). Idem pour
   font-family sur body/p/li/a/span, deja herite du reglage natif.
   Conserve uniquement sur input/textarea/button ci-dessous : ces
   elements de formulaire n'heritent pas toujours du reglage
   typographique natif de Divi (comportement standard des navigateurs,
   independant de Divi). */
input, textarea, button {
  font-family: 'Open Sans', Arial, sans-serif;
}

/* v2.29.0 - Filet de securite : neutralise une classe parasite
   ("font-claude-response-body" et variantes) qui peut se retrouver
   collee sur un paragraphe lors d'un copier-coller de texte formate
   (ex. depuis une conversation ou un apercu Markdown) dans un module
   Texte Divi. Cette classe porte son propre font-size/couleur/graisse
   qui prenait le dessus sur les regles ci-dessus (une classe est plus
   specifique qu'un simple selecteur body) - cause identifiee de
   plusieurs demandes "d'augmenter la taille des textes" restees sans
   effet visible. A l'avenir, preferer "Coller sans mise en forme"
   (Ctrl+Maj+V / Cmd+Maj+V) pour eviter le probleme a la source. */
[class*="font-claude-response"],
[class*="claude-response"]{
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
}

/* v2.31.0 - "color: var(--cdc-ink)" retire de h1-h6 : couvert
   nativement par "Couleur Du Texte Des Titres" (Variable Divi), deja
   reglee sur --cdc-ink. Seuls les reglages sans equivalent natif
   (graisse, interlignage) restent ici. */
/* v2.38.0 - regles de graisse/interligne des titres (h1-h6) retirees :
   l'utilisateur a recree ces valeurs (tailles ET graisses par niveau)
   via des Variables Globales (Nombres) + Presets Divi appliques
   directement aux modules Titre - plus besoin du correctif de
   specificite v2.37, le conflit avec la Graisse de police de l'en-tete
   (Parametres Generaux) ne se pose plus puisque chaque titre a son
   propre reglage natif. */

/* v2.31.0 - "a{ color: var(--cdc-wine) }" retire : couvert nativement
   par "Couleur Des Liens" (Variable Divi), deja reglee sur --cdc-wine.
   Le survol reste ici (pas d'equivalent natif). */
a:hover{
  color: var(--cdc-link-hover);
}

/* ==========================================================================
   3. COMPOSANTS REUTILISABLES
      Classes a poser depuis Divi (Avance > Attributs > Classe(s) CSS),
      utilisees a plusieurs endroits du site.
   ========================================================================== */

/* Badge de statut (ex. "Ouvert aujourd'hui") - genere par le shortcode
   [cdc_statut_ouverture] */
.cdc-badge-status{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(58,37,48,0.65); /* v2.4.0 - fond fonce (etait rgba(255,255,255,0.15), trop peu visible sur la photo) */
  color: var(--cdc-sand-light);
  font-size: 16px;
  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;
}
@media (max-width: 767px){
  .cdc-badge-status{
    font-size: 13px;
    padding: 6px 14px;
  }
}

/* v2.32.0 - cdc-btn-gold / cdc-btn-outline-light / cdc-btn-light
   RETIRES : migres vers des Presets Divi natifs (Design > Bouton),
   referencant les Variables de couleur. Les boutons "Voir le calendrier
   complet" / "Voir l'evenement" / "Voir nos forfaits" et celui de la
   section lac utilisent desormais le style natif "lien + icone fleche"
   de Divi plutot qu'un bouton plein - pas d'equivalent CSS necessaire.
   Cf. reflexion-divi5-natif-vs-css-theme-enfant.md, section 8.2. */

/* v2.34.0 - fond/rayon/padding retires : migres vers le Preset natif
   "CDC - Carte mise en avant" (Design de la Ligne/Colonne), applique a
   "Cette semaine", "Groupes" et "40 ans du Caveau". La classe
   cdc-card-highlight n'est plus necessaire sur ces modules. */

/* v2.38.0 - cdc-eyebrow retiree : migree vers le Preset natif
   "CDC - Eyebrow" (Design du module Titre/Texte concerne). */


/* ==========================================================================
   4. EN-TETE ET MENU DE NAVIGATION
   ========================================================================== */

/* Fond de la barre du header (Section ou Ligne du header global) - a
   appliquer si le fond doit couvrir toute la barre (logo + menu + langues),
   pas seulement le module Menu (deja colore ci-dessous) */
.cdc-header,
.cdc-header.et_pb_section,
.cdc-header.et_pb_row{
  background-color: var(--cdc-sand-light) !important;
}

/* Logo image dans l'en-tete - reduit (etait 56px, depassait de la
   bande du header) + tailles adaptees par palier d'ecran */
.cdc-logo,
.cdc-logo img{
  max-height: 44px !important;
  width: auto !important;
  height: auto !important;
}
@media (max-width: 980px){
  .cdc-logo,
  .cdc-logo img{
    max-height: 38px !important;
  }
}
@media (max-width: 599px){
  .cdc-logo,
  .cdc-logo img{
    max-height: 32px !important;
  }
}

/* Logo en texte dans le menu (alternative sans image) */
.cdc-logo-text{
  font-weight: 800 !important;
  font-size: 30px !important;
  line-height: 1.15 !important;
  color: var(--cdc-wine) !important;
  letter-spacing: 0.3px;
  text-decoration: none !important;
  white-space: nowrap;
}

/* v2.38.0 - styles du module Menu retires (fond, couleurs/tailles/
   graisses des liens niveau 1, survol/actif, sous-menu, icone mobile) :
   confirmes couverts par les champs natifs du module Menu (Design) et
   les Variables de couleur. cdc-nav-cta egalement retiree : confirmee
   jamais appliquee a un item de menu reel (CSS mort). */

/* Largeurs des colonnes du header (logo / menu / langues) - a poser sur
   chaque Colonne de la Ligne du header global : cdc-col-logo (gauche,
   20%) / cdc-col-menu (centre-droite, 65%) / cdc-col-lang (extreme
   droite, 15%). En dessous de 980px, repasse en pleine largeur pour
   laisser le menu mobile de Divi s'afficher normalement. */
.et_pb_row > .cdc-col-logo,
.et_pb_row > .cdc-col-menu,
.et_pb_row > .cdc-col-lang{
  display: flex !important;
  align-items: center !important;
}
.et_pb_row > .cdc-col-logo{
  width: 20% !important;
  max-width: 20% !important;
  flex: 0 0 20% !important;
}
.et_pb_row > .cdc-col-menu{
  width: 65% !important;
  max-width: 65% !important;
  flex: 0 0 65% !important;
  justify-content: flex-end !important;
}
.et_pb_row > .cdc-col-lang{
  width: 15% !important;
  max-width: 15% !important;
  flex: 0 0 15% !important;
  justify-content: flex-end !important;
}
@media (max-width: 980px){
  .et_pb_row > .cdc-col-logo,
  .et_pb_row > .cdc-col-menu,
  .et_pb_row > .cdc-col-lang{
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    justify-content: center !important;
  }
}

/* ==========================================================================
   5. SECTION HERO
   ========================================================================== */

/* v2.41.0 - disposition de la Section (flex/degrade/z-index), boutons,
   logo et h1/p du Hero retires : confirmes entierement regles nativement
   dans Divi. Seul le positionnement du badge "Ouvert..." reste en CSS
   (position absolue + centrage par transform, sans equivalent natif). */
.cdc-hero-badge{
  position: absolute !important;
  top: 28vh !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 100%;
  text-align: center;
  z-index: 3;
}

/* ==========================================================================
   6. BANDEAU DES 5 COMPTEURS
      Balisage reel du module Compteur numerique Divi 5 : le chiffre est
      dans .percent-value (.percent-sign pour un eventuel %), le libelle
      est un h3.title.
      v2.6.0 - Divi gere nativement les colonnes egales mais les
      REPARTIT en 2 colonnes (tablette) puis en pile (telephone) par
      defaut : on force ici 5 colonnes sur une seule ligne a TOUTES les
      tailles d'ecran (demande explicite), avec des tailles d'icone/
      chiffre/texte reduites par palier pour que ca reste lisible.
   ========================================================================== */

.cdc-counters .et_pb_row{
  display: flex !important;
  flex-wrap: nowrap !important;
}
.cdc-counters .et_pb_column{
  width: 20% !important;
  max-width: 20% !important;
  flex: 0 0 20% !important;
  border-right: 1px solid var(--cdc-sand-border);
}
.cdc-counters .et_pb_column:last-child{
  border-right: none;
}
/* v2.34.0 - regle .cdc-counters .et_pb_column.cdc-card-highlight
   retiree : classe confirmee non utilisee sur les colonnes de
   compteurs (verifie avec l'utilisateur). */

/* v2.42.0 - couleurs/tailles des icones, chiffres et libelles des
   compteurs (cdc-counter-icon, .percent-value, h3.title) retirees :
   confirmees reglees nativement sur chaque module Compteur (Preset ou
   reglages directs). Seule la disposition en 5 colonnes forcees (ligne
   + largeurs) reste ici, sans equivalent natif identifie. */
@media (max-width: 980px){
  .cdc-counters .et_pb_column{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

/* Section entierement masquee sous 600px (demande explicite) - cible
   aussi la Section parente (pas seulement la Ligne cdc-counters), pour
   eviter un espace vide du a son padding par defaut. */
@media (max-width: 599px){
  .cdc-counters{
    display: none !important;
  }
  .et_pb_section:has(> .cdc-counters){
    display: none !important;
  }
}

/* ==========================================================================
   7. BLOC "TENANCIER DE LA SEMAINE" ET PAGE "CALENDRIER"
      Genere par les shortcodes [cdc_vigneron_semaine] (carte "Cette
      semaine au caveau", page d'accueil) et [cdc_calendrier_complet]
      (page "Calendrier", liste complete de la saison) - meme source de
      donnees (cdc_calendrier_vignerons() dans functions.php).
   ========================================================================== */

.cdc-week-name{
  font-weight: 700;
  font-size: 23px;
  color: var(--cdc-ink);
}
.cdc-week-dates{
  font-size: 18px;
  color: var(--cdc-muted);
  margin-top: 4px;
}

/* Liste complete de la saison (page Calendrier) */
.cdc-calendrier-liste{
  max-width: 640px;
  margin: 0 auto;
}
.cdc-calendrier-item{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--cdc-sand-border);
}
.cdc-calendrier-item:last-child{
  border-bottom: none;
}
.cdc-calendrier-dates{
  font-size: 16px;
  color: var(--cdc-muted);
}
.cdc-calendrier-nom{
  font-size: 18px;
  font-weight: 600;
  color: var(--cdc-ink);
  text-align: right;
}
/* Semaine en cours, mise en valeur automatiquement par le shortcode */
.cdc-calendrier-item.cdc-calendrier-active{
  background-color: var(--cdc-sand);
  border-radius: 8px;
  border-bottom-color: transparent;
  padding-left: 16px;
}
.cdc-calendrier-item.cdc-calendrier-active .cdc-calendrier-nom{
  color: var(--cdc-wine);
}

/* Carte "Agenda" (prochain evenement, ex. Vins et poissons) - fond blanc
   avec bordure fine, a la difference de cdc-card-highlight (fond sable,
   sans bordure) utilisee pour "Cette semaine"/"Groupes". A poser sur la
   LIGNE qui contient la date/nom (colonne large) et les liens (colonne
   etroite, alignee a droite). Meme largeur max (1120px) a regler sur les
   Lignes de cette section ET de "Cette semaine au caveau" pour que les
   deux cartes s'alignent visuellement. */
/* v2.33.0 - fond/bordure/rayon/padding retires : migres vers le
   Preset natif "CDC - Carte agenda" (Design de la Ligne). La classe
   cdc-event-card n'est plus necessaire sur ce module. */
.cdc-event-date{
  font-size: 15px;
  font-weight: 700;
  color: var(--cdc-gold-dark);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 6px;
}
.cdc-event-name{
  font-size: 20px;
  font-weight: 700;
  color: var(--cdc-ink);
}

/* ==========================================================================
   8. ICONES D'ACCES (module Blurb, section "Nous rejoindre")
   ========================================================================== */

.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;
}

/* ==========================================================================
   9. SECTION DEGUSTATION AU BORD DU LAC
   ========================================================================== */

/* v2.38.0 - fond degrade + couleurs de texte retires : regles nativement
   sur la Section (Fond > Degrade Lac -> Lac fonce) et les modules
   Titre/Texte concernes (couleurs directes, usage unique a cette
   section, pas de Variable dediee). */

/* ==========================================================================
   10. SECTION "NOUS CONTACTER"
   ========================================================================== */

.cdc-contact,
.cdc-contact.et_pb_section{
  text-align: center;
}

/* v2.38.0 - cdc-contact-h2 retiree : taille/graisse/alignement reglees
   directement sur ce module Titre precis dans Divi (26px/800). */

/* Formulaire de contact (Nom, Email, Message) : Nom et Email alignes sur
   la meme ligne que le bouton "Envoyer" ; le Message (zone de texte)
   passe seul sur la ligne suivante, pleine largeur. Champs blancs avec
   bordure fine. */
.cdc-contact-form .et_pb_contact_form{
  display: flex !important;
  gap: 12px !important;
  align-items: flex-start !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
}
.cdc-contact-form .et_pb_contact_form_container{
  margin-top: 24px;
}
.cdc-contact-form p.et_pb_contact_field{
  flex: 1 1 170px !important;
  margin-bottom: 0 !important;
}
.cdc-contact-form p.et_pb_contact_field:has(textarea){
  flex: 1 1 100% !important;
  order: 4 !important;
}
/* v2.38.0 - fond (normal/survol) et couleur du texte retires : regles
   directement sur le module Formulaire de contact (Design > Bouton) -
   Couleur Principale / Bordeaux clair au survol / Fond sable clair.
   Le reste (ordre flex, dimensions) reste ici, structurel. */
.cdc-contact-form .et_pb_contact_submit{
  order: 3 !important;
  flex: 0 0 auto !important;
  height: 46px !important;
  padding: 0 26px !important;
  border: none !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
}
/* v2.38.0 - bordure retiree (Bordure sable reglee nativement sur le
   module Formulaire de contact). Le reste (largeur, fond, rayon,
   padding) reste ici, pas de champ natif equivalent identifie. */
.cdc-contact-form input[type="email"],
.cdc-contact-form input[type="text"],
.cdc-contact-form textarea{
  width: 100% !important;
  background-color: #fff !important;
  border-radius: 4px !important;
  padding: 0 14px !important;
}
.cdc-contact-form input[type="email"],
.cdc-contact-form input[type="text"]{
  height: 46px !important;
}
.cdc-contact-form textarea{
  min-height: 110px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  resize: vertical;
}

/* Phrase d'intro au-dessus de la liste de contact ("Pour vos reservations...") */
/* v2.38.0 - couleur retiree (Texte attenue reglee nativement sur ce
   module Texte). */
.cdc-contact-details{
  margin-top: 22px;
  font-size: 13px;
  line-height: 1.8;
  text-align: center;
}

/* Liste a icones (telephone / e-mail) sous la phrase d'intro - module
   Liste d'icones Divi. Espace icone/texte volontairement augmente par
   rapport au reglage par defaut du module. Les selecteurs .et_pb_icon_list_*
   sont ceux generes par ce module - si les classes different selon votre
   version de Divi 5, inspecter la liste dans le navigateur pour ajuster. */
.cdc-contact-icon-list{
  max-width: 480px;
  margin: 20px auto 0;
  text-align: left;
}
/* v2.38.0 - couleurs retirees (texte = Texte attenue, icone = Couleur
   Principale, strong = Couleur Du Texte Des Titres - reglees nativement
   sur le module Liste d'icones). */
.cdc-contact-icon-list .et_pb_icon_list_item{
  font-size: 14px;
  margin-bottom: 12px;
}
.cdc-contact-icon-list .et_pb_icon_list_icon{
  margin-right: 16px;
}

/* ==========================================================================
   11. PIED DE PAGE
   ========================================================================== */

.cdc-footer,
.cdc-footer.et_pb_section{
  background-color: var(--cdc-footer-bg) !important;
  color: var(--cdc-footer-text) !important;
  text-align: center !important;
  padding: 28px 20px !important;
}
.cdc-footer p{
  color: var(--cdc-footer-text) !important;
  margin: 0 !important;
}
.cdc-footer a{
  color: var(--cdc-footer-text) !important;
  text-decoration: underline;
}
.cdc-footer a:hover{
  color: var(--cdc-gold) !important;
}

/* Aligne le module Texte et le module Reseaux sociaux sur une seule
   ligne (a poser sur leur Colonne commune) */
.cdc-footer-row{
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}
.cdc-footer-row > .et_pb_module{
  width: auto !important;
  margin: 0 !important;
}

/* Icone Facebook plate (sans cercle de fond), a poser sur le module
   Reseaux sociaux */
.cdc-footer-social,
.cdc-footer-social.et_pb_social_media_follow{
  display: inline-flex !important;
}
.cdc-footer-social .et_pb_social_media_follow_network_link{
  background-color: transparent !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
}
.cdc-footer-social .et-social-icon a{
  color: var(--cdc-footer-text) !important;
  font-size: 15px !important;
}
.cdc-footer-social .et-social-icon a:hover{
  color: var(--cdc-gold) !important;
}

/* Pied de page sur 2 Lignes : padding vertical par defaut de Divi (souvent
   40px+) reduit pour un rendu compact */
.cdc-footer .et_pb_row{
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  width: 100% !important;
}
.cdc-footer .et_pb_module{
  margin-bottom: 0 !important;
}

/* ==========================================================================
   12. PAGE "VINS ET POISSONS"
       Classes propres a la page dediee a l'evenement (contenu statique,
       mis a jour chaque annee). Reutilise au maximum les composants
       existants (cdc-eyebrow, cdc-card-highlight, listes a icones).
   ========================================================================== */

/* Programme musical - grille de 4 cartes (une par jour), plus
   scannable qu'une liste de texte. v2.28.0 : abandon du "1 module Texte
   + grille CSS" (comportement peu fiable selon le contexte Divi) au
   profit d'une Ligne Divi native a 4 Colonnes egales - cdc-vp-day-card
   se pose directement sur chaque COLONNE (comme cdc-vp-40ans), qui
   contient elle-meme un module Texte avec les 4 spans (date/artist/
   time/vignerons). Divi gere nativement la largeur et le responsive
   (empilement automatique sur tablette/mobile). */
/* v2.33.0 - fond/bordure/rayon/padding retires : migres vers le
   Preset natif "CDC - Carte jour VP" (Design de la Colonne). La classe
   cdc-vp-day-card n'est plus necessaire sur ces 4 Colonnes. */
.cdc-vp-day-date{
  display: block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--cdc-gold-dark);
  margin-bottom: 8px;
}
.cdc-vp-day-artist{
  display: block;
  font-size: 17px;
  font-weight: 700;
  color: var(--cdc-ink);
  line-height: 1.35;
}
.cdc-vp-day-time{
  display: block;
  font-size: 15px;
  color: var(--cdc-muted);
  margin-top: 4px;
}
.cdc-vp-day-vignerons{
  display: block;
  font-size: 14px;
  line-height: 1.35; /* v2.35.0 - resserre l'espace entre les 2 noms (heritait du 1.7 du corps de texte) */
  color: var(--cdc-wine);
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--cdc-sand-border);
}
/* Phrase "Entree libre..." sous la grille - simple texte centre. A
   poser sur le module Texte correspondant. */
.cdc-vp-programme-note{
  text-align: center;
  margin-top: 16px;
}
/* Classe utilitaire reelle pour un fond "sable clair" depuis Divi -
   cdc-sand-light seul n'existe QUE comme variable de couleur interne
   (--cdc-sand-light), pas comme classe posable sur une Section. */
.cdc-bg-sand-light{
  background-color: var(--cdc-sand-light) !important;
}

/* Bloc "40 ans du Caveau" - reprend cdc-card-highlight (fond sable) et
   ajoute un lisere dore pour le distinguer visuellement comme un
   evenement special dans le programme. A poser en plus de
   cdc-card-highlight sur la meme Ligne/Colonne. */
.cdc-vp-40ans{
  border-left: 4px solid var(--cdc-gold) !important;
}

/* "A table" - encart visuel (fond sable, coins arrondis) regroupant
   apero et mets en 2 Colonnes Divi natives (empilees sur mobile,
   gere nativement par Divi). A poser sur la LIGNE. */
.cdc-vp-food-card{
  border: 1px solid var(--cdc-sand-border) !important;
  border-radius: 16px !important;
  padding: 12px 8px !important;
}
/* Titre "DES 17H" / "DES 19H" en tete de chaque Colonne */
.cdc-vp-food-col-title{
  display: block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--cdc-gold-dark);
  margin-bottom: 4px;
}
/* Sous-titre ("Amuses-bouches et planchettes" / "Mets du jour") */
.cdc-vp-food-col-sub{
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: var(--cdc-ink);
  margin-bottom: 16px;
}
/* Liste "Nourriture" (module Liste d'icones Divi) - meme traitement que
   cdc-contact-icon-list (section 10), adaptee ici pour vivre dans une
   Colonne (largeur/centrage geres par la Colonne elle-meme). */
.cdc-vp-food-list{
  text-align: left;
}
.cdc-vp-food-list .et_pb_icon_list_item{
  font-size: 15px;
  color: var(--cdc-muted);
  margin-bottom: 10px;
}
.cdc-vp-food-list .et_pb_icon_list_icon{
  color: var(--cdc-wine) !important;
  margin-right: 16px;
}
.cdc-vp-food-list strong{
  color: var(--cdc-ink);
}

/* Emplacements reserves pour les menus du jour (contenu a venir) - 4
   cartes identiques, une par jour. */
.cdc-vp-menu-placeholder{
  border: 1px dashed var(--cdc-sand-border);
  border-radius: 12px;
  padding: 24px;
  text-align: center;
  color: var(--cdc-muted);
  font-style: italic;
  font-size: 16px;
}

/* Galerie photo (1 portrait + 1 paysage) - Ligne en 2 Colonnes
   inegales (preset Divi le plus proche de 40/60). On force les 2
   Colonnes a la meme hauteur (etirees sur la plus grande des 2) et
   chaque image en object-fit:cover pour qu'elle remplisse sa Colonne
   sans deformation, quel que soit son format d'origine. */
.cdc-vp-gallery{
  align-items: stretch !important;
}
.cdc-vp-gallery img{
  border-radius: 12px !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}