/*
Theme Name: Divi Child
Template: Divi
*/


/* Supprime tous les extraits des événements sur le résumé */

/* Pour Events Calendar Shortcode (ecs) */
.ecs-excerpt {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
}




/* ===== STYLE ÉVÉNEMENTS POUR MODULE AVEC CLASSE 'liste-evenements-cpb' ===== */
.liste-evenements-cpb .ecs-event .ecs-icon {
  display: none !important;
}

/* Style général de la carte */
.liste-evenements-cpb .ecs-event {
  list-style-type: none;
  background: #f9f9f9;
  padding: 15px 15px 15px 15px;
  margin-bottom: 15px;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease;
  position: relative;
  font-size: 16px; /* <- taille de base du texte (ajustable) */
}

/* Suppression de l'ancien ::before */
.liste-evenements-cpb .ecs-event::before {
  display: none !important;
}

/* Utiliser flex pour aligner icône + texte */
.liste-evenements-cpb .ecs-event {
  display: flex;
  align-items: flex-start;
  gap: 8px; /* espace entre icône et texte */
  padding: 12px 16px;
}

/* Nouvelle icône insérée par span dédié */
.liste-evenements-cpb .ecs-event .summary::before {
  content: "📅";
  display: inline-block;
  margin-right: 6px;
  font-size: 16px;
}


/* Titre de l'événement */
.liste-evenements-cpb .ecs-event .summary {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.3em !important;
  color: #333;
  margin-bottom: 5px;
}

/* Présentateur */
.liste-evenements-cpb .ecs-event .ecs-excerpt {
  font-size: 14px;
  color: #666;
  margin-bottom: 4px;
}

/* Ligne horaire */
.liste-evenements-cpb .ecs-event .duration.time::before {
  content: "🕓 ";
  font-size: 16px;
  margin-right: 4px;
  color: #555;
}

/* Ligne du lieu */
.liste-evenements-cpb .ecs-event .duration.venue::before {
  content: "📍 ";
  font-size: 16px;
  margin-right: 4px;
  color: #555;
}

/* Forcer le lieu à apparaître sur sa propre ligne */
.liste-evenements-cpb .ecs-event .duration.venue {
  display: block;
  margin-top: 2px;
}

/* Ajustement interligne date et lieu */
.liste-evenements-cpb .ecs-event .duration.time,
.liste-evenements-cpb .ecs-event .duration.venue {
  line-height: 1.2em !important;
  margin: 0 !important;
  padding: 0 !important;
}

  /* modif pour mobile */
@media (max-width: 768px) {
  /* Titre : un peu plus d’interligne */
  .liste-evenements-cpb .ecs-event .summary {
    line-height: 1.3;
  }

  /* Date / Heure / Lieu (plus compact) */
  .liste-evenements-cpb .ecs-event .duration.time,
  .liste-evenements-cpb .ecs-event .duration.venue {
    line-height: 1.2;
  }

  /* Présentateur : garder comme avant ou léger ajustement */
  .liste-evenements-cpb .ecs-event .ecs-excerpt {
    line-height: 1.35em;
  }
}




/* === CPB — TEC Single Event : image mise en avant alignée à gauche, max-height 250px === */

/* 1) Certains templates TEC/Divi centrent le conteneur : on force l'alignement à gauche */
.single-tribe_events .tribe-events-event-image,
.single-tribe_events .tribe-events-single-event__featured-image,
.single-tribe_events .tribe-events-event-image figure {
  text-align: left !important;
  justify-content: flex-start !important; /* si un wrapper est en flex */
}

/* 2) Lien/figure autour de l'image : inline-block pour ne pas s'étirer pleine largeur */
.single-tribe_events .tribe-events-single-event__featured-image a {
  display: inline-block !important;
}

/* 3) L'image : pas d'upscale, alignée à gauche, bornes max (largeur et hauteur) */
.single-tribe_events .tribe-events-event-image img,
.single-tribe_events .tribe-events-single-event__featured-image img,
.single-tribe_events .tribe-events-event-image img.aligncenter,
.single-tribe_events .tribe-events-single-event__featured-image img.aligncenter {
  display: block;
  margin: 0 0 1.2rem 0 !important;  /* marge uniquement en bas */
  width: auto !important;            /* garde sa largeur naturelle : n'agrandit pas une petite image */
  max-width: 100%;                   /* ne dépasse pas la colonne */
  max-width: 900px;                  /* plafond de largeur si l'image est très large */
  max-height: 250px;                 /* VOTRE réglage */
  height: auto;
  object-fit: contain;               /* limite la hauteur sans rogner */
}

/* Optionnel : sur mobile, vous pouvez garder 250px ou réduire un peu si souhaité */

@media (max-width: 767px) {
  .single-tribe_events .tribe-events-event-image img,
  .single-tribe_events .tribe-events-single-event__featured-image img {
    max-height: 160px;
  }
}

/* === CPB — TEC List View : réduire la taille des vignettes (mise en avant) === */

/* Image de l'événement dans la vue Liste (V2) */
.tribe-events .tribe-events-calendar-list__event .tribe-common-c-image img,
.tribe-events .tribe-events-calendar-list__event-featured-image img,
.tribe-events .tribe-events-calendar-list__event .tribe-events-calendar-list__event-image img {
  display: block;
  width: auto;          /* n’agrandit pas une petite image */
  max-width: 200px;     /* largeur max (desktop) */
  max-height: 200px;    /* hauteur max (desktop) — ajustez si besoin */
  height: auto;
  object-fit: contain;  /* ne rogne pas */
}

/* Certains thèmes donnent la pleine largeur au conteneur image : on le borne aussi */
.tribe-events .tribe-events-calendar-list__event-featured-image,
.tribe-events .tribe-events-calendar-list__event-featured-image-wrapper,
.tribe-events .tribe-events-calendar-list__event-image {
  max-width: 200px;     /* même borne que l’image */
}

/* MOBILE : vignettes plus petites */
@media (max-width: 767px) {
  .tribe-events .tribe-events-calendar-list__event .tribe-common-c-image img,
  .tribe-events .tribe-events-calendar-list__event-featured-image img,
  .tribe-events .tribe-events-calendar-list__event .tribe-events-calendar-list__event-image img {
    max-width: 160px;   /* vous pouvez mettre 100% si vous préférez pleine largeur */
    max-height: 150px;  /* votre réglage mobile */
  }
  .tribe-events .tribe-events-calendar-list__event-featured-image,
  .tribe-events .tribe-events-calendar-list__event-featured-image-wrapper,
  .tribe-events .tribe-events-calendar-list__event-image {
    max-width: 160px;
  }
}