.table-bordures {
    border-collapse: collapse;
    border-top: 1px solid #ccc;   /* ligne du haut */
    border-bottom: 1px solid #ccc; /* ligne du bas */
}

.table-bordures th,
.table-bordures td {
    border: none; /* on supprime tout */
    border-bottom: 1px solid #ccc; /* on remet uniquement les lignes horizontales */
}

.table-bordures tr:last-child td {
    border-bottom: none; /* pour éviter une double ligne avec la bordure du tableau */
}

.swiper-slide figcaption,
.swiper-slide .caption,
.swiper-slide-caption {
  text-align: center !important;
}

.event-line {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 18px;
}

.event-sep {
  opacity: 0.6;
}

.event-btn {
  background: #000;
  color: #fff;
  padding: 6px 14px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 16px;
}

/* Masquer les éléments autour de l'image UNIQUEMENT dans le bloc .mec-image-only */

/* Enlever titres, dates, détails, meta, footer */
.mec-image-only .mec-event-title,
.mec-image-only .mec-event-date,
.mec-image-only .mec-event-detail,
.mec-image-only .mec-event-meta,
.mec-image-only .mec-event-footer {
    display: none !important;
}

/* Enlever MAI / JEUDI */
.mec-image-only .mec-event-month,
.mec-image-only .mec-event-day,
.mec-image-only .mec-event-date {
    display: none !important;
}

/* Enlever le bouton VOIR */
.mec-image-only .mec-event-readmore,
.mec-image-only .mec-event-readmore a {
    display: none !important;
}

/* Enlever LE DÉTAIL (bloc info sous l'image) */
.mec-image-only .mec-event-info,
.mec-image-only .mec-event-info * {
    display: none !important;
}

/* Masquer tout lien ou bouton VOIR résiduel */
.mec-image-only a,
.mec-image-only .mec-event-readmore *,
.mec-image-only .mec-event-readmore-btn {
    display: none !important;
}

/* Masquer tout bloc contenant "détail" (toutes variantes) */
.mec-image-only [class*="detail"],
.mec-image-only [class*="deta"],
.mec-image-only [class*="detai"],
.mec-image-only [class*="detail"] * {
    display: none !important;
}

/* Garder uniquement l'image */
.mec-image-only .mec-event-image,
.mec-image-only .mec-event-image img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* Le conteneur du shortcode doit prendre toute la largeur */
.mec-image-only {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

/* Tous les wrappers MEC à l'intérieur prennent 100% */
.mec-image-only .mec-wrap,
.mec-image-only .mec-event-article,
.mec-image-only .mec-event-item,
.mec-image-only .mec-event-container,
.mec-image-only .mec-event-content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

/* L'image occupe toute la largeur disponible */
.mec-image-only .mec-event-image,
.mec-image-only .mec-event-image img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* L'image occupe toute la largeur de la colonne, sans être recadrée */
.mec-image-only .mec-event-image img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
}

/************************************
 * 1) Supprimer le calendrier dans le bloc image-only
 ************************************/
.mec-image-only .mec-fa-calendar {
    display: none !important;
}


/************************************
 * 2) Supprimer les icônes réseaux sociaux dans la liste d'événements
 ************************************/
.mec-event-social,
.mec-event-social *,
.mec-event-sharing,
.mec-event-sharing *,
.mec-fa-facebook,
.mec-fa-twitter,
.mec-fa-linkedin,
.mec-fa-envelope,
.mec-sl-envelope,
.mec-sl-social,
.mec-sl-share {
    display: none !important;
}

/* Fond principal de la popup (Featherlight) */
.featherlight-content {
    background-color: #2C0048 !important; /* violet */
}

/* Fond interne MEC */
.mec-modal-wrap {
    background-color: #2C0048 !important; /* violet */
}

/* Facultatif : enlever le padding blanc autour */
.featherlight-content {
    padding: 0 !important;
}

.featherlight {
    background: rgba(122, 43, 192, 0.85) !important;
}

/* --- DESKTOP & MOBILE PAYSAGE --- */
/* Carré blanc + croix violette (visible) */
html body .featherlight .featherlight-close-icon.featherlight-close {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    color: #7a2bc0 !important; /* croix violette visible */
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* --- MOBILE PORTRAIT --- */
/* Carré blanc + croix violette (visible) */
@media screen and (orientation: portrait) {
    html body .featherlight .featherlight-close-icon.featherlight-close {
        background: #ffffff !important;
        background-color: #ffffff !important;
        background-image: none !important;
        color: #7a2bc0 !important; /* croix violette visible */
        border: none !important;
        box-shadow: none !important;
        outline: none !important;
    }
}

/* Empêche les boutons du shortcode de se superposer */
.wp-block-buttons.boutons-home-fix {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0.75rem !important;
    flex-wrap: nowrap !important;
}

/* Même comportement sur mobile */
@media (max-width: 768px) {
    .wp-block-buttons.boutons-home-fix {
        flex-direction: row !important;
        flex-wrap: wrap !important; /* si tu veux qu'ils passent l'un sous l'autre proprement */
    }
}

/* --- IMAGE NON COUPÉE / NON ZOOMÉE --- */
.nv-post-cover {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
    height: auto !important;
    min-height: 350px !important;
}

/* Supprime l'overlay sombre */
.nv-post-cover .nv-overlay {
    display: none !important;
}

/* --- TITRE SOUS L'IMAGE --- */

/* Le titre est actuellement DANS le cover → on le sort visuellement */
.nv-post-cover .container {
    position: static !important;
    padding-top: 380px !important; /* pousse le titre sous l'image */
}

/* Titre plus petit et aligné à gauche */
.nv-post-cover .container .entry-title {
    font-size: 2.5rem !important;
    text-align: left !important;
	font-weight: 700;
    margin: 0 0 10px 0 !important;
}

/* Date plus discrète */
.nv-post-cover .container .posted-on {
    font-size: 0.9rem !important;
    opacity: 0.7;
    text-align: left !important;
}