/*
Theme Name: FC-CTR
Description: 
Author: FC + Eklore
Author URI: 
Template: Divi 
Version: 1.1
*/


/* Couleur de base du bloc (texte en blanc) */
.liste-groupes-wrapper { color:#fff;font-size:16px; }

/* Contrôles */
.liste-groupes-wrapper .lg-control { margin:0 0 1rem 0; }
.liste-groupes-wrapper .lg-label { display:block; margin-bottom:.25rem; font-weight:600; }

/* Dropdown : largeur auto, fond blanc, texte #092D74 */
.liste-groupes-wrapper .lg-select{
  width:auto;
  min-width:200px;
  padding:.5rem .8rem;
  background:#fff;
  color:#092D74;
  font-weight:600;
  font-size: 16px;
}
.liste-groupes-wrapper .lg-select option{ color:#092D74; }

/* Grille 2 colonnes (infos à gauche, coûts/boutons à droite) */
.liste-groupes-wrapper .lg-cols{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:2rem;
}
@media (max-width:980px){
  .liste-groupes-wrapper .lg-cols{ grid-template-columns:1fr; }
}
.liste-groupes-wrapper .lg-col{ display:flex; flex-direction:column; gap:1.5rem; }
.liste-groupes-wrapper .lg-col.lg-col-right{ display:flex; flex-direction:column; gap:3rem; }



/* Items + icônes */
.liste-groupes-wrapper .lg-item{
  display:flex;
  align-items:flex-start;
  gap:.35rem;
  line-height:1.4;
  position:relative;
  padding-left:3rem; /* espace pour l’icône */
}
.liste-groupes-wrapper .lg-item.lg-items-autre{  display:flex;
  align-items:flex-start;
  gap:.35rem;
  line-height:1.4;
  position:relative;padding-left: 0!important;}
.liste-groupes-wrapper .lg-item-label{ font-weight:700; }
.liste-groupes-wrapper .lg-item::before{
 /* content:"";*/
  position:absolute;
  left:0;
  /*top:.15rem;
  width:1.25rem;
  height:1.25rem;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  opacity:.95;*/
}

.lg-item-pad{padding-left:3rem;}
.lg-item-pad a{color:#ffffff;text-decoration: underline;}
/* Icônes — remplace les URL par tes PNG dans le child theme */
/*.liste-groupes-wrapper .lg-ico-calendrier::before{
  background-image:url('/wp-content/themes/Divi-Child-Simple2/assets/calendrier.png');
}*/
.liste-groupes-wrapper .lg-ico-lieu::before{/*
  background-image:url('/wp-content/themes/Divi-Child-Simple2/assets/lieu.png');*/
    content: "\f3c5";
    color: #FFFFFF;
    font-family: "FontAwesome" !important;
    font-weight: 900;
    font-size: 30px;
}
.liste-groupes-wrapper .lg-ico-horaire::before{/*
  background-image:url('/wp-content/themes/Divi-Child-Simple2/assets/horaire.png');*/
    content: "\e06b";
    color: #FFFFFF;
    font-family: "ETmodules" !important;
    font-weight: 400;
    font-size: 30px;
}
.liste-groupes-wrapper .lg-ico-sablier::before{/*
  background-image:url('/wp-content/themes/Divi-Child-Simple2/assets/sablier.png');*/
    content: "\f254";
    color: #FFFFFF;
    font-family: "FontAwesome" !important;
    font-weight: 400;
    font-size: 30px;
}
.liste-groupes-wrapper .lg-ico-cout::before{/*
  background-image:url('/wp-content/themes/Divi-Child-Simple2/assets/cout.png');*/
    content: "\e0f3";
    color: #FFFFFF;
    font-family: "ETmodules" !important;
    font-weight: 400;
    font-size: 30px;
    top: -0.5rem;
}
.liste-groupes-wrapper .lg-ico-autres::before{
  background-image:url('/wp-content/themes/Divi-Child-Simple2/assets/autres.png');
}

/* Boutons génériques (Je m’inscris) */
.liste-groupes-wrapper .lg-btn{
  display:inline-block;
  padding:.7rem 1rem;
  background:#CF152D;
  color:#fff !important;
  text-decoration:none !important;
  border-radius:.6rem;
  font-weight:700;
  box-shadow:0 4px 12px rgba(0,0,0,.25);
  transition:transform .06s ease, box-shadow .2s ease, opacity .2s ease;
}
.liste-groupes-wrapper .lg-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(0,0,0,.3);
  opacity:.95;
}

/* Bouton spécial “Liste d’intérêt” — blanc + texte #092D74 */
.liste-groupes-wrapper .lg-btn-liste{
  background:#fff;
  color:#092D74 !important;
  box-shadow:0 4px 12px rgba(0,0,0,.15);
}
/* Bloc calendrier avec plusieurs lignes */
.liste-groupes-wrapper .lg-ico-lieu, .liste-groupes-wrapper .lg-ico-horaire, .liste-groupes-wrapper .lg-ico-sablier{
  display: flex;
  align-items: center;
  gap: .25rem;  /* espace entre les lignes */
  padding-left: 3rem; /* pour l’icône */
  position: relative;
  padding-bottom:1em;
}
.liste-groupes-wrapper .lg-ico-calendrier{
  display: flex;
    flex-direction: column;
    align-items: flex-start;
  gap: .25rem;  /* espace entre les lignes */
  padding-left: 3rem; /* pour l’icône */
  position: relative;
  padding-bottom:1em;
}
.liste-groupes-wrapper .lg-ico-calendrier::before {
    content: "\f073";
    color: #FFFFFF;
    font-family: "FontAwesome" !important;
    font-weight: 900;
    font-size: 30px;
  /*content:"";*/
  position:absolute;
  left:0;
  top:-0.2rem; /* ajuste selon la taille */
/*background-image:url('/wp-content/themes/Divi-Child-Simple2/assets/calendrier.png');  background-size:contain;
  background-repeat:no-repeat;*/
}
@media screen and (max-width: 980px ) {
#mise_en_valeur {margin-bottom: 0 !important;}}
@media screen and (min-width: 981px ) {
#mise_en_valeur {margin-bottom: 2.75%!important;}}

@media screen and (max-width: 450px ) {.dmach-acf-value {padding:10px;line-height: 1.1em;}}
@media screen and (min-width: 451px ) {.dmach-acf-value {padding:10px 0;}}

.ci-wrap{margin:2rem 0}
.ci-title{border-bottom:solid 1px #092D74;margin-bottom:25px;}
.ci-title h3{font-size:30px;font-weight:600;}
.ci-grid{display:flex;gap:2rem;flex-wrap:wrap}
.ci-card{  display: flex; flex-direction: column;  justify-content: center; /* centre verticalement */ align-items: center;     /* centre horizontalement */ text-align: center;      /* garde le texte centré */
  text-decoration:none;color:#fff;background:#0c2a5b; box-shadow:0 2px 12px rgba(0,0,0,.08);padding:1.25rem 1rem;width:100%; max-width:calc(var(--ci-col,20rem));transition:transform .18s, box-shadow .18s}
h4.ci-card-title{color:#fff!important;padding:15px 5px;}
.ci-card:hover,.ci-card:focus{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.12);outline:none}
.ci-card-media{display:block;aspect-ratio:16/9;overflow:hidden;border-radius:.25rem;margin:-.5rem -.5rem .75rem}
.ci-card-media img{width:100%;height:100%;object-fit:cover;display:block}
.ci-card-title{font-size:1.05rem;line-height:1.3;text-align:center;font-weight:700;margin:0}
@media (max-width:640px){.ci-grid{gap:1rem}}