/* ============================================
   STYLES ÉVÉNEMENTS - Single Portfolio
   Adaptation structure WPBakery existante
   Version : 2.3 - 16/02/2026
   Sélecteurs avec .page-body pour éviter footer/header
   ============================================ */

/* ============================================
   RESET & PRIORITÉ - Cibler UNIQUEMENT le contenu
   ============================================ */

/* Fond général de la page */
.single-portfolio {
    background: #FFFDE9 !important;
}

/* IMPORTANT : Tous les styles s'appliquent UNIQUEMENT dans .page-body 
   pour ne PAS affecter le footer/header */

/* Conteneurs principaux transparents */
.single-portfolio .page-body .wpb_wrapper,
.single-portfolio .page-body .uncoltable,
.single-portfolio .page-body .uncont,
.single-portfolio .page-body .uncell,
.single-portfolio .page-body .uncode_text_column,
.single-portfolio .page-body .wpb_text_column {
    background: transparent !important;
}

/* Retirer max-width et ajouter bordures sur .uncont */
.single-portfolio .page-body .uncont {
    max-width: 100% !important;
}

.single-portfolio .page-body .uncell {
    border-left: 1px solid #000 !important;
}

/* Supprimer tous les paddings et marges du heading wrapper */
.single-portfolio .page-body .vc_custom_heading_wrap,
.single-portfolio .page-body .vc_custom_heading_wrap .heading-text,
.single-portfolio .page-body .vc_custom_heading_wrap .el-text {
    padding: 0 !important;
    margin: 0 !important;
}

/* Forcer la suppression de TOUS les paddings sur les row-parent et colonnes */
.single-portfolio .page-body .row-parent,
.single-portfolio .page-body .row-parent.triple-bottom-padding,
.single-portfolio .page-body .row-parent.triple-top-padding,
.single-portfolio .page-body .row-parent.single-h-padding,
.single-portfolio .page-body .row-parent.double-h-padding,
.single-portfolio .page-body .wpb_column.single-internal-gutter,
.single-portfolio .page-body .wpb_column.double-internal-gutter {
    padding: 0 !important;
}

/* Supprimer aussi les paddings des conteneurs row-container */
.single-portfolio .page-body .row-container {
    padding: 0 !important;
}

/* S'assurer que les colonnes n'ont pas de z-index trop élevé */
.single-portfolio .page-body .wpb_column,
.single-portfolio .page-body .row-parent {
    position: relative;
    z-index: auto;
}



/* FIN DEBUG - À supprimer après test */

/* --- FOND GÉNÉRAL --- */
.single-portfolio .page-body {
    background: #FFFDE9 !important;
    position: relative;
    z-index: 1;
}

/* Masquer le header WordPress par défaut si besoin */
.single-portfolio .page-header {
    display: none !important;
}

/* Header WordPress existant - réduire son z-index */
.single-portfolio header.site-header,
.single-portfolio .main-header {
    background: #FFFDE9 !important;
    border-bottom: 1px solid #000 !important;
    z-index: 100 !important;
}

/* Ancien bouton retour - supprimé car remplacé par le header */

/* ============================================
   HEADER ÉVÉNEMENT avec flèche retour
   ============================================ */

/* Container global */
.event-top-section {
    position: sticky !important;
    top: 0 !important;
    z-index: 99999 !important;
    background: #fff !important;
    border-bottom: 1px solid #000 !important;
}

/* Ligne badges + date */
.event-badge-line {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    padding: 12px 0;
    position: relative;
    z-index: inherit;
}

.event-badge-inner {
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
}

.event-category-badge {
    display: inline-block;
    padding: 6px 18px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    background: #F18BAD;
    color: #000;
    flex-shrink: 0;
}

.event-date-badge {
    font-family: 'Basteleur', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #000 !important;
}

/* Header avec titre */
.event-page-header {
    width: 100%;
    background: #fff;
}

/* Ne rien forcer - laisser le template normal */

/* Masquer uniquement le H1 original (géré par le JS aussi) */
.single-portfolio .page-body .wpb_column h1 {
    display: none !important;
}

.event-header-inner {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    padding: 20px 15px 16px;
    position: relative;
}

.event-back {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: transparent;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    transition: opacity 0.2s;
}

.event-back:hover {
    opacity: 0.7;
}

.event-back-icon {
    display: block;
    width: 40px;
    height: 40px;
    background: url('https://lacommune.co/wp-content/uploads/2026/02/solar_arrow-up-outline.svg') center/contain no-repeat;
}

.event-title-header {
    margin: 0 !important;
    font-family: 'Basteleur', sans-serif !important;
    font-size: 40px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    color: #000 !important;
    text-transform: none !important;
    text-align: left !important;
    flex: 0 1 auto !important;
}

/* Titre H1 principal dans le contenu */
.event-main-title,
.event-title-h1 {
    margin: 0 !important;
    font-family: 'Basteleur', sans-serif !important;
    font-size: 40px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    color: #000 !important;
    text-transform: none !important;
}

/* Responsive header */
@media (max-width: 768px) {

    .event-title-header {
        font-size: 30px !important;
      
    }

    .event-header-inner {
        padding: 16px 15px 12px;
    }
    
    .event-back {
        width: 36px;
        height: 36px;
    }
    
    .event-back-icon {
        width: 36px;
        height: 36px;
    }
    
    .event-date-badge {
        font-size: 18px !important;
    }
    
    .event-category-badge {
        font-size: 11px;
        padding: 5px 14px;
    }
}

@media (max-width: 500px) {
 
    .event-title-header {
        font-size: 28px !important;
    }
    
    .event-date-badge {
        font-size: 16px !important;
    }
}

@media (max-width: 400px) {
    .event-title-header {
        font-size: 24px !important;
    }
    
    .event-date-badge {
        font-size: 14px !important;
    }
}

/* ============================================
   HERO SECTION - Structure WPBakery 2 colonnes
   ============================================ */

/* Forcer la hauteur auto sur toutes les rows — annule les min-height/height inline de WPBakery */
/* overflow: visible OBLIGATOIRE pour que position: sticky fonctionne */
.single-portfolio .page-body .row-parent,
.single-portfolio .page-body .vc_row,
.single-portfolio .page-body .row-container {
    height: auto !important;
    min-height: 0 !important;
    border: none !important;
    overflow: visible !important;
}

/* Supprimer aussi les paddings parasites sur les rows */
.single-portfolio .page-body .vc_row,
.single-portfolio .page-body .row-parent {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* LE VRAI flex container = .wpb_row.row-inner (pas .vc_row) */
/* Colonne texte (droite) en flex-start = hauteur de son contenu uniquement, pas de trou */
.single-portfolio .page-body .wpb_row.row-inner,
.single-portfolio .page-body .vc_row,
.single-portfolio .page-body .row {
    align-items: flex-start !important;
    overflow: visible !important;
    height: auto !important;
    min-height: 0 !important;
}

/* Colonne image (gauche) s'étire à la hauteur de la colonne texte = sticky a de la place */
.single-portfolio .page-body .wpb_column.col-lg-6:first-child {
    align-self: stretch !important;
}

/* Colonne droite : s'étire aussi à la hauteur de la ligne (= hauteur image)
   Les deux colonnes font la même hauteur, le dernier accordéon remplit le reste */
.single-portfolio .page-body .wpb_column.col-lg-6:last-child,
.single-portfolio .page-body .wpb_column.pos-middle.col-lg-6 {
    align-self: stretch !important;
}

/* Chaîne flex pour remplir la hauteur — utilise flex:1 à chaque niveau
   (height:100% nécessite un parent avec hauteur explicite, flex:1 non) */

/* 1. La colonne droite devient flex container */
.single-portfolio .page-body .wpb_column.col-lg-6:last-child {
    display: flex !important;
    flex-direction: column !important;
}

/* 2. uncol → flex item (flex:1) ET flex container */
.single-portfolio .page-body .wpb_column.col-lg-6:last-child .uncol {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
}

/* 3. uncoltable → flex item ET flex container */
.single-portfolio .page-body .wpb_column.col-lg-6:last-child .uncoltable {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
}

/* 4. uncell → flex item ET flex container */
.single-portfolio .page-body .wpb_column.col-lg-6:last-child .uncell {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    vertical-align: top !important;
    border-bottom: none !important;
    border-top: none !important;
    border-right: none !important;
}

/* 5. uncont → flex item ET flex container */
.single-portfolio .page-body .wpb_column.col-lg-6:last-child .uncont {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
}

/* Le dernier accordéon grandit pour remplir l'espace restant */
.h3-accordion-item.h3-accordion-last {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
}

/* Corps du dernier accordéon ouvert : remplit tout l'espace disponible */
.h3-accordion-item.h3-accordion-last .h3-accordion-body.is-open {
    flex: 1 !important;
    max-height: none !important;
}

/* Sortir la colonne image du contexte table pour que sticky fonctionne */
.single-portfolio .page-body .wpb_column.col-lg-6:first-child .uncoltable,
.single-portfolio .page-body .wpb_column.col-lg-6:first-child .uncell {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
}

.single-portfolio .page-body .wpb_column.col-lg-6:first-child,
.single-portfolio .page-body .wpb_column.col-lg-6:first-child .uncol {
    overflow: visible !important;
}

/* overflow:visible sur TOUS les wrappers intermédiaires Uncode — sans ça,
   ils clippent le border-radius de l'image */
.single-portfolio .page-body .wpb_column.col-lg-6:first-child .tmb,
.single-portfolio .page-body .wpb_column.col-lg-6:first-child .t-inside,
.single-portfolio .page-body .wpb_column.col-lg-6:first-child .t-entry-visual,
.single-portfolio .page-body .wpb_column.col-lg-6:first-child .t-entry-visual-tc,
.single-portfolio .page-body .wpb_column.col-lg-6:first-child .uncode-single-media-wrapper {
    overflow: visible !important;
}

/* CSS sticky natif — bypass le JS Uncode */
.single-portfolio .page-body .wpb_column.col-lg-6:first-child .sticky-element {
    position: sticky !important;
    top: 20px !important;
    height: fit-content !important;
    margin-top: 20px !important;
}

/* Colonne image (gauche) - limiter la taille */
.single-portfolio .page-body .wpb_column.col-lg-6:first-child .uncol {
    padding: 0 !important;
}

.single-portfolio .page-body .wpb_column.col-lg-6:first-child .uncode-single-media {
    padding: 0 !important;
}

.single-portfolio .page-body .wpb_column.col-lg-6:first-child .single-wrapper {
    max-width: 100% !important;
    margin: 0 auto !important;
}

/* Annuler le padding-top: 125% — la div .dummy est le vrai coupable */
.single-portfolio .page-body .wpb_column.col-lg-6:first-child .dummy {
    padding-top: 0 !important;
    display: none !important;
}

.single-portfolio .page-body .wpb_column.col-lg-6:first-child img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 500px !important;
    display: block !important;
    margin: 0 auto !important;
    position: relative !important;
    border-radius: 16px !important;
    border: 1px solid #000 !important;
    object-fit: unset !important;
}

/* Pas de border-left sur la cellule de la colonne image */
.single-portfolio .page-body .wpb_column.col-lg-6:first-child .uncell {
    border-left: none !important;
}

/* Reset single-wrapper */
.single-portfolio .page-body .wpb_column.col-lg-6:first-child .single-wrapper {
    max-width: 100% !important;
    border: none !important;
    overflow: visible !important;
}

@media (max-width: 768px) {
    .single-portfolio .page-body .wpb_column.col-lg-6:first-child img {
        max-height: 350px !important;
    }
}

/* Colonne contenu (droite) */
.single-portfolio .page-body .wpb_column.col-lg-6:last-child .uncont {
    padding: 0 20px !important;
    max-width: 100% !important;
}

.single-portfolio .page-body .wpb_column.col-lg-6:last-child .uncode_text_column {
    padding: 0 !important;
}

.single-portfolio .page-body .wpb_column.col-lg-6:last-child > .uncol > .uncoltable > .uncell {
    padding: 0 !important;
}


/* Enlever le max-width:83% sur le uncont */
.single-portfolio .page-body .wpb_column.col-lg-6:last-child .uncont[style*="max-width"] {
    max-width: 100% !important;
}

/* Padding général de la row - SUPPRIMÉ pour avoir 0 padding */
/* .single-portfolio .page-body .row-parent.single-h-padding {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.single-portfolio .page-body .row-parent.triple-top-padding {
    padding-top: 60px !important;
}

.single-portfolio .page-body .row-parent.triple-bottom-padding {
    padding-bottom: 60px !important;
} */

/* Gestion des espacements empty-space */
.single-portfolio .page-body .empty-space.empty-half {
    display: none !important;
}

.single-portfolio .page-body .uncode_text_column > ul + p + .empty-space {
    display: none !important;
}

.single-portfolio .page-body .btn-container.btn-top-margin {
    margin-top: 8px !important;
}

/* Styles compatibilité anciennes classes */
.event-hero-row {
    max-width: 1200px;
    margin: 0 auto 40px !important;
    background: transparent !important;
}

.event-image-col .uncol {
    padding: 0 !important;
}

.event-image-col img {
    width: 100%;
    height: 100%;
    min-height: 500px;
    object-fit: cover;
}

.event-infos-col {
    padding: 50px 40px !important;
}

/* ============================================
   TITRE H1 DE L'ÉVÉNEMENT
   ============================================ */

/* Styler le H1 existant dans WPBakery */
.single-portfolio .page-body h1.h2,
.single-portfolio .page-body .font-956804 {
    font-family: 'Basteleur', sans-serif !important;
    font-size: 40px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    color: #000 !important;
    margin-bottom: 24px !important;
    text-transform: none !important;
}



@media (max-width: 768px) {
    .single-portfolio .page-body h1.h2,
    .single-portfolio .page-body .font-956804 {
        font-size: 32px !important;
    }
}

@media (max-width: 500px) {
    .single-portfolio .page-body h1.h2,
    .single-portfolio .page-body .font-956804 {
        font-size: 28px !important;
    }
}

@media (max-width: 400px) {
    .single-portfolio .page-body h1.h2,
    .single-portfolio .page-body .font-956804 {
        font-size: 24px !important;
    }
}

/* ============================================
   LISTE INFOS CLÉS (Date, Horaires, etc.)
   ============================================ */

/* Styler la liste UL existante dans le contenu */
.single-portfolio .page-body .uncode_text_column > ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 24px 0 32px 0 !important;
    padding :10px !important;
    border-radius: 0 !important;
    border: none !important;
}

.single-portfolio .page-body .uncode_text_column > ul > li {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #000 !important;
    margin-bottom: 0 !important;
    padding: 14px 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-bottom: 1px solid #000 !important;
    background: transparent !important;
}

.single-portfolio .page-body .uncode_text_column > ul > li:last-child {
    margin-bottom: 0 !important;
    border-bottom: none !important;
}

.single-portfolio .page-body .uncode_text_column > ul > li b {
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.05em;
    color: #000;
    display: block;
    margin-bottom: 4px;
}

/* --- BADGE CATÉGORIE --- */
.event-category-badge {
    display: inline-block;
    padding: 6px 20px;
    border-radius: 999px;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0;
    z-index: 10;
    border: 1px solid #000;
}

/* Badge en haut à droite de l'image */
.single-portfolio .page-body .wpb_column.col-lg-6:first-child .uncol {
    position: relative;
}

/* Couleurs par catégorie */
.event-category-soiree { background: #ED6D33; color: #fff; }
.event-category-spectacle { background: #00A66A; color: #fff; }
.event-category-atelier { background: #F18BAD; color: #000; }
.event-category-concert { background: #E4C9DE; color: #000; }
.event-category-jeux { background: #AED4DE; color: #000; }
.event-category-restauration { background: #2F81C4; color: #fff; }
.event-category-marche { background: #8F7BBB; color: #fff; }

@media (max-width: 768px) {
    .event-category-badge {
        position: static;
        display: inline-block;
    }
}

/* Sous-titre / extrait */
.event-subtitle {
    font-family: 'Poppins', sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    color: #333 !important;
    margin-bottom: 30px !important;
}

/* --- LISTE INFOS CLÉS (avec icônes) --- */
.event-info-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 40px 0 !important;
}

.event-info-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 20px !important;
    font-family: 'Poppins', sans-serif !important;
}

.event-info-item strong {
    display: block;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #666;
    margin-bottom: 4px;
}

.event-info-item span {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.event-info-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    margin-top: 2px;
}

/* --- BOUTONS CTA --- */

/* Boutons existants dans WPBakery */
.single-portfolio .page-body .btn-container a.btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 14px 24px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    transition: all 0.3s !important;
    letter-spacing: 0.03em !important;
    background: #000 !important;
    color: #fff !important;
    border: 2px solid #000 !important;
    margin-bottom: 16px !important;
}

.single-portfolio .page-body .btn-container a.btn:hover {
    background: #fff !important;
    color: #000 !important;
    border-color: #000 !important;
}

/* Séparation après les boutons */
.single-portfolio .page-body .btn-container:last-of-type {
    padding-bottom: 24px !important;
    border-bottom: 1px solid #000 !important;
    margin-bottom: 32px !important;
}

/* Classes custom si vous les utilisez */
.event-cta-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}

.btn-event-primary,
.btn-event-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 28px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    transition: all 0.3s !important;
    letter-spacing: 0.03em !important;
}

.btn-event-primary {
    background: #000 !important;
    color: #fff !important;
    border: 2px solid #000 !important;
}

.btn-event-primary:hover {
    background: #fff !important;
    color: #000 !important;
}

.btn-event-secondary {
    background: transparent !important;
    color: #000 !important;
    border: 2px solid #000 !important;
}

.btn-event-secondary:hover {
    background: #000 !important;
    color: #fff !important;
}

/* ============================================
   INTRODUCTION / DESCRIPTION
   ============================================ */

/* Premier paragraphe bold (intro) */
.single-portfolio .page-body .uncode_text_column > p:first-of-type {
    font-family: 'Poppins', sans-serif !important;
    font-size: 18px !important;
    line-height: 1.6 !important;
    font-weight: 600 !important;
    color: #000 !important;
    margin-bottom: 16px !important;
}

/* Deuxième paragraphe (description) */
.single-portfolio .page-body .uncode_text_column > p:nth-of-type(2) {
    font-family: 'Poppins', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: #333 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Troisième paragraphe après la liste (ex: "Arrivez dès l'ouverture...") */
.single-portfolio .page-body .uncode_text_column > ul + p {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: #333 !important;
    margin-top: 16px !important;
    padding-bottom: 24px !important;
    margin-bottom: 24px !important;
    border-bottom: 1px solid #000 !important;
}

/* ============================================
   TITRES H3 DANS LE CONTENU (SECTIONS)
   ============================================ */

/* Styler les H3 comme séparateurs de section */
.single-portfolio .page-body .uncode_text_column h3 {
    font-family: 'Basteleur', sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #000 !important;
    margin: 32px 0 20px 0 !important;
    padding: 32px 0 16px 0 !important;
    border-top: 1px solid #000 !important;
    border-bottom: none !important;
}

.single-portfolio .page-body .uncode_text_column h3:first-of-type {
    margin-top: 32px !important;
    border-top: 1px solid #000 !important;
}

/* Paragraphes dans le contenu */
.single-portfolio .page-body .uncode_text_column p {
    font-family: 'Poppins', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: #333 !important;
    margin-bottom: 16px !important;
}

.single-portfolio .page-body .uncode_text_column p b,
.single-portfolio .page-body .uncode_text_column p strong {
    font-weight: 700 !important;
    color: #000 !important;
}

/* Dernier groupe de paragraphes avant les onglets */
.single-portfolio .page-body .uncode_text_column > p:last-of-type {
    padding-bottom: 24px !important;
    margin-bottom: 32px !important;
}

/* ============================================
   SECTION CALENDRIER (avant accordéons)
   ============================================ */

/* Titre "Calendrier des prochaines soirées" */
.single-portfolio .uncode_text_column h3:last-of-type {
    font-family: 'Basteleur', sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #000 !important;
    margin: 40px 0 20px 0 !important;
    padding: 32px 0 16px 0 !important;
    border-top: 1px solid #000 !important;
    border-bottom: none !important;
}

/* Paragraphes de la section calendrier */
.single-portfolio .uncode_text_column h3 + p {
    font-family: 'Poppins', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: #333 !important;
}

/* Bouton "Voir la programmation" */
.single-portfolio .uncode_text_column + .btn-container {
    display: block !important;
    margin-bottom: 32px !important;
    padding-bottom: 32px !important;
    border-bottom: 1px solid #000 !important;
}

.single-portfolio .uncode_text_column + .btn-container a.btn {
    background: transparent !important;
    color: #000 !important;
    border: 2px solid #000 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center;
}

.single-portfolio .uncode_text_column + .btn-container a.btn:hover {
    background: #000 !important;
    color: #fff !important;
}

/* Espacement après les boutons CTA (Inscription) */
.single-portfolio .btn-container:last-of-type {
    margin-bottom: 32px !important;
}

/* ============================================
   ACCORDÉONS UNCODE/WPBAKERY - STYLE PERSONNALISÉ
   ============================================ */

/* Container principal des accordéons */
.single-portfolio .page-body .uncode-accordion,
.single-portfolio .page-body .wpb_accordion {

    border-top: 1px solid #000 !important;
}

/* Wrapper des panels */
.single-portfolio .page-body .uncode-accordion .panel-group,
.single-portfolio .page-body .wpb_accordion .panel-group {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Chaque panel d'accordéon */
.single-portfolio .page-body .uncode-accordion .panel,
.single-portfolio .page-body .wpb_accordion .panel {
    border-bottom: 1px solid #000 !important;
    border-top: 1px solid #000 !important;
    margin-bottom: 0 !important;
    overflow: hidden !important;
    box-shadow: none !important;
}

/* Header de l'accordéon (titre cliquable) */
.single-portfolio .page-body .uncode-accordion .panel-heading,
.single-portfolio .page-body .wpb_accordion .panel-heading {
    background: #fff !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Titre de l'accordéon */
.single-portfolio .page-body .uncode-accordion .panel-title,
.single-portfolio .page-body .wpb_accordion .panel-title {
    margin: 0 !important;
}

.single-portfolio .page-body .uncode-accordion .panel-title a,
.single-portfolio .page-body .wpb_accordion .panel-title a {
    font-family: 'Poppins', sans-serif !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #000 !important;
    padding: 20px 60px 20px 24px !important;
    display: block !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
    line-height: 24px !important;
    position: relative !important;
    transition: background 0.2s !important;
}

.single-portfolio .page-body .uncode-accordion .panel-title a:hover,
.single-portfolio .page-body .wpb_accordion .panel-title a:hover {
    background: rgba(0, 0, 0, 0.02) !important;
}

/* Masquer le span existant dans le titre */
.single-portfolio .page-body .uncode-accordion .panel-title a span,
.single-portfolio .page-body .wpb_accordion .panel-title a span {
    display: inline !important;
}

/* Icône + (ajoutée avec CSS) */
.single-portfolio .page-body .uncode-accordion .panel-title a::after,
.single-portfolio .page-body .wpb_accordion .panel-title a::after {
    content: '+';
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    transition: transform 0.3s;
}

/* Icône - quand ouvert */
.single-portfolio .page-body .uncode-accordion .panel-title.active a::after,
.single-portfolio .page-body .wpb_accordion .panel-title.active a::after,
.single-portfolio .page-body .uncode-accordion .active-group .panel-title a::after,
.single-portfolio .page-body .wpb_accordion .active-group .panel-title a::after {
    content: '−';
}

/* Contenu de l'accordéon */
.single-portfolio .page-body .uncode-accordion .panel-body,
.single-portfolio .page-body .wpb_accordion .panel-body {
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #000 !important;
    padding: 24px !important;
    border-top: 1px solid #e0e0e0 !important;
    background: #fff !important;
}

/* Accordéons avec couleurs (si classe custom ajoutée) */
.single-portfolio .page-body .panel.accordion-color-1 {
    background: #F18BAD !important;
    border-color: #F18BAD !important;
}

.single-portfolio .page-body .panel.accordion-color-1 .panel-title a {
    color: #000 !important;
}

.single-portfolio .page-body .panel.accordion-color-2 {
    background: #00D9A3 !important;
    border-color: #00D9A3 !important;
}

.single-portfolio .page-body .panel.accordion-color-2 .panel-title a {
    color: #000 !important;
}

.single-portfolio .page-body .panel.accordion-color-3 {
    background: #ED6D33 !important;
    border-color: #ED6D33 !important;
}

.single-portfolio .page-body .panel.accordion-color-3 .panel-title a {
    color: #fff !important;
}

.single-portfolio .page-body .panel.accordion-color-4 {
    background: #AED4DE !important;
    border-color: #AED4DE !important;
}

.single-portfolio .page-body .panel.accordion-color-4 .panel-title a {
    color: #000 !important;
}

/* Contenu accordéon - éléments internes */
.single-portfolio .page-body .uncode-accordion .panel-body h3,
.single-portfolio .page-body .uncode-accordion .panel-body h4,
.single-portfolio .page-body .wpb_accordion .panel-body h3,
.single-portfolio .page-body .wpb_accordion .panel-body h4 {
    font-family: 'Basteleur', sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #000 !important;
    margin: 24px 0 12px 0 !important;
}

.single-portfolio .page-body .uncode-accordion .panel-body h3:first-child,
.single-portfolio .page-body .uncode-accordion .panel-body h4:first-child,
.single-portfolio .page-body .wpb_accordion .panel-body h3:first-child,
.single-portfolio .page-body .wpb_accordion .panel-body h4:first-child {
    margin-top: 0 !important;
}

.single-portfolio .page-body .uncode-accordion .panel-body p,
.single-portfolio .page-body .wpb_accordion .panel-body p {
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #333 !important;
    margin-bottom: 16px !important;
}

.single-portfolio .page-body .uncode-accordion .panel-body strong,
.single-portfolio .page-body .uncode-accordion .panel-body b,
.single-portfolio .page-body .wpb_accordion .panel-body strong,
.single-portfolio .page-body .wpb_accordion .panel-body b {
    font-weight: 700 !important;
    color: #000 !important;
}

.single-portfolio .page-body .uncode-accordion .panel-body ul,
.single-portfolio .page-body .uncode-accordion .panel-body ol,
.single-portfolio .page-body .wpb_accordion .panel-body ul,
.single-portfolio .page-body .wpb_accordion .panel-body ol {
    margin: 16px 0 !important;
    padding-left: 24px !important;
}

.single-portfolio .page-body .uncode-accordion .panel-body li,
.single-portfolio .page-body .wpb_accordion .panel-body li {
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #333 !important;
    margin-bottom: 8px !important;
}

/* ============================================
   ONGLETS UNCODE/WPBAKERY - STYLE PERSONNALISÉ
   ============================================ */

/* Container onglets */
.single-portfolio .page-body .uncode-tabs,
.single-portfolio .page-body .wpb_tabs {
    margin: 40px 0 !important;
}

/* Navigation onglets */
.single-portfolio .page-body .uncode-tabs .wpb_tabs_nav,
.single-portfolio .page-body .wpb_tabs_nav {
    border-bottom: 2px solid #000 !important;
    margin-bottom: 30px !important;
    background: transparent !important;
    padding: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    list-style: none !important;
}

.single-portfolio .page-body .uncode-tabs .wpb_tabs_nav li,
.single-portfolio .page-body .wpb_tabs_nav li {
    margin: 0 8px 0 0 !important;
    background: transparent !important;
    border: none !important;
}

.single-portfolio .page-body .uncode-tabs .wpb_tabs_nav li a,
.single-portfolio .page-body .wpb_tabs_nav li a {
    padding: 12px 24px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 3px solid transparent !important;
    color: #666 !important;
    text-decoration: none !important;
    transition: all 0.3s !important;
}

.single-portfolio .page-body .uncode-tabs .wpb_tabs_nav li.active a,
.single-portfolio .page-body .uncode-tabs .wpb_tabs_nav li.ui-tabs-active a,
.single-portfolio .page-body .wpb_tabs_nav li.ui-tabs-active a,
.single-portfolio .page-body .uncode-tabs .wpb_tabs_nav li a:hover,
.single-portfolio .page-body .wpb_tabs_nav li a:hover {
    color: #000 !important;
    border-bottom-color: #000 !important;
    background: transparent !important;
}

/* Contenu onglets */

.single-portfolio .page-body .wpb_tab{
    background: #fff !important;
    border-radius: 12px !important;
    padding: 24px !important;
    border: 2px solid #000 !important;
    margin-bottom: 32px !important;
}



.single-portfolio .page-body .uncode-tabs .tab-pane p,
.single-portfolio .page-body .wpb_tab p {
    font-family: 'Poppins', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: #333 !important;
}

.single-portfolio .page-body .uncode-tabs .tab-pane p b,
.single-portfolio .page-body .uncode-tabs .tab-pane p strong,
.single-portfolio .page-body .wpb_tab p b,
.single-portfolio .page-body .wpb_tab p strong {
    font-weight: 700 !important;
    color: #000 !important;
    display: block;
    margin-bottom: 8px;
}

.single-portfolio .page-body .uncode-tabs .tab-pane ul,
.single-portfolio .page-body .wpb_tab ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 16px 0 !important;
}

.single-portfolio .page-body .uncode-tabs .tab-pane ul li,
.single-portfolio .page-body .wpb_tab ul li {
    padding: 12px 0 !important;
    position: relative;
    margin-bottom: 0 !important;
    border-bottom: 1px solid #e0e0e0 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

.single-portfolio .page-body .uncode-tabs .tab-pane ul li:last-child,
.single-portfolio .page-body .wpb_tab ul li:last-child {
    border-bottom: none !important;
}

.single-portfolio .page-body .uncode-tabs .tab-pane ul li::before,
.single-portfolio .page-body .wpb_tab ul li::before {
    content: none !important;
}

/* ============================================
   SECTIONS DE CONTENU
   ============================================ */

.event-content-section {
    max-width: 1200px;
    margin: 40px auto !important;
    background: #fff;
    border-radius: 16px;
    padding: 50px !important;
    border: 1px solid #000;
}

.event-content-section h2 {
    font-family: 'Basteleur', sans-serif !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #000 !important;
    margin: 40px 0 20px 0 !important;
    border-bottom: 3px solid #000 !important;
    padding-bottom: 12px !important;
}

.event-content-section h2:first-child {
    margin-top: 0 !important;
}

.event-content-section h3 {
    font-family: 'Basteleur', sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #000 !important;
    margin: 30px 0 16px 0 !important;
}

.event-content-section p {
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #333 !important;
    margin-bottom: 16px !important;
}

/* ============================================
   LIENS ET TEXTES ADDITIONNELS
   ============================================ */

/* Liens dans le contenu */
.single-portfolio .page-body .uncode_text_column a {
    color: #000 !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
    transition: opacity 0.3s !important;
}

.single-portfolio .page-body .uncode_text_column a:hover {
    opacity: 0.7 !important;
}

/* Centrer les boutons en bas */
.single-portfolio .page-body .btn-container.btn-inline {
    display: inline-block !important;
    margin: 8px 4px !important;
}

/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 768px) {
    .event-hero-row {
        margin: 0 15px 40px !important;
    }

    .event-infos-col {
        padding: 30px 20px !important;
    }

    .event-content-section {
        margin: 20px 15px !important;
        padding: 30px 20px !important;
    }

    /* Colonne contenu sur mobile */
    .single-portfolio .wpb_column.col-lg-6:last-child .uncont {
        padding: 0 16px !important;
    }

    /* H1 sur mobile */
    .single-portfolio h1.h2,
    .single-portfolio .font-956804 {
        font-size: 28px !important;
    }

    /* Intro sur mobile */
    .single-portfolio .uncode_text_column > p:first-of-type {
        font-size: 16px !important;
    }

    .single-portfolio .uncode_text_column > p:nth-of-type(2) {
        font-size: 14px !important;
    }

    /* Liste infos sur mobile */
    .single-portfolio .uncode_text_column > ul > li {
        font-size: 13px !important;
        padding: 12px 0 !important;
    }

    /* H3 sections sur mobile */
    .single-portfolio .uncode_text_column h3 {
        font-size: 20px !important;
        padding: 24px 0 12px 0 !important;
        margin: 24px 0 16px 0 !important;
    }

    /* Boutons sur mobile */
    .single-portfolio .btn-container a.btn {
        width: 100% !important;
        font-size: 12px !important;
        padding: 12px 20px !important;
    }

    .single-portfolio .btn-container.btn-inline {
        display: block !important;
        width: 100% !important;
        margin: 8px 0 !important;
    }

    .single-portfolio .btn-container:last-of-type {
        padding-bottom: 20px !important;
        margin-bottom: 24px !important;
    }

    /* Onglets sur mobile */
    .single-portfolio .uncode-tabs .wpb_tabs_nav,
    .single-portfolio .wpb_tabs_nav {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        padding-bottom: 8px !important;
    }

    .single-portfolio .uncode-tabs .wpb_tabs_nav li a,
    .single-portfolio .wpb_tabs_nav li a {
        padding: 10px 16px !important;
        font-size: 13px !important;
        white-space: nowrap;
    }

    .single-portfolio .uncode-tabs .tab-pane,
    .single-portfolio .wpb_tab {
        padding: 20px !important;
        border-width: 2px !important;
        border-left-width: 5px !important;
    }

    .single-portfolio .uncode-tabs .tab-pane p,
    .single-portfolio .wpb_tab p {
        font-size: 14px !important;
    }

    .single-portfolio .uncode-tabs .tab-pane ul li,
    .single-portfolio .wpb_tab ul li {
        font-size: 13px !important;
        padding: 10px 0 !important;
    }

    /* Accordéons sur mobile */
    .single-portfolio .uncode-accordion .panel-title a,
    .single-portfolio .wpb_accordion .panel-title a {
        font-size: 16px !important;
        padding: 16px 50px 16px 20px !important;
        line-height: 20px !important;
    }

    .single-portfolio .uncode-accordion .panel-title a::after,
    .single-portfolio .wpb_accordion .panel-title a::after {
        right: 16px;
        font-size: 28px;
    }

    .single-portfolio .uncode-accordion .panel-body,
    .single-portfolio .wpb_accordion .panel-body {
        padding: 20px !important;
        font-size: 14px !important;
    }

    /* Colonne image non sticky sur mobile */
    .single-portfolio .wpb_column.col-lg-6:first-child .sticky-element {
        position: static !important;
    }

    .single-portfolio .wpb_column.col-lg-6:first-child {
        margin-bottom: 24px !important;
    }
}

@media (max-width: 480px) {
    .event-content-section h2 {
        font-size: 24px !important;
    }

    .single-portfolio .uncode-accordion .panel-title a,
    .single-portfolio .wpb_accordion .panel-title a {
        font-size: 16px !important;
        line-height: 20px !important;
    }

    .single-portfolio .uncode_text_column h3 {
        font-size: 22px !important;
    }
}

/* ============================================
   GALERIE CAROUSEL (Prochaines soirées)
   ============================================ */

/* Bordure au-dessus de la galerie - déjà gérée par .vc_row#row-unique-1 */

/* Images du carousel */
.single-portfolio .owl-carousel .tmb {
    border-radius: 12px !important;
    overflow: hidden !important;
    border: 2px solid #000 !important;
}

.single-portfolio .owl-carousel img {
    border-radius: 12px;
}

/* Overlay sur les images */
.single-portfolio .owl-carousel .t-entry-visual-overlay-in {
    opacity: 0 !important;
}

.single-portfolio .owl-carousel .tmb:hover .t-entry-visual-overlay-in {
    opacity: 0.3 !important;
}

/* Navigation carousel */
.single-portfolio .owl-nav .owl-prev,
.single-portfolio .owl-nav .owl-next {
    background: #000 !important;
    border-radius: 50% !important;
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s !important;
}

.single-portfolio .owl-nav .owl-prev:hover,
.single-portfolio .owl-nav .owl-next:hover {
    background: #333 !important;
    transform: scale(1.1);
}

.single-portfolio .owl-nav i {
    color: #fff !important;
    font-size: 24px !important;
}

/* ============================================
   SECTIONS ROW ADDITIONNELLES
   ============================================ */

/* Deuxième row (galerie) avec bordure en haut */
.single-portfolio .vc_row#row-unique-1 {
    padding-top: 40px !important;
    margin-top: 40px !important;
}

/* ============================================
   CLASSES UTILITAIRES
   ============================================ */

.event-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.event-white-section {
    background: #fff;
    border-radius: 16px;
    padding: 50px;
    border: 1px solid #000;
    margin: 40px auto;
}

.event-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

@media (max-width: 768px) {
    .event-grid-2 {
        grid-template-columns: 1fr;
    }
}

.event-mb-20 { margin-bottom: 20px !important; }
.event-mb-30 { margin-bottom: 30px !important; }
.event-mb-40 { margin-bottom: 40px !important; }
.event-mt-20 { margin-top: 20px !important; }
.event-mt-30 { margin-top: 30px !important; }
.event-mt-40 { margin-top: 40px !important; }
.event-text-center { text-align: center !important; }

/* ============================================
   BLOCS PAR DÉFAUT - Plan du lieu + Spot Culturel
   ============================================ */

#commune-event-footer-blocks {
    width: 100%;
    box-sizing: border-box;
}

.commune-event-default-blocks {
    font-family: Poppins, sans-serif;
    width: 100%;
    box-sizing: border-box;
}

/* Grille 2 colonnes — proportions ajustées par JS pour aligner avec le layout au-dessus */
.commune-event-spot-block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    overflow: hidden;
}

/* Empêche les enfants de la grille de déborder */
.commune-event-spot-plan,
.commune-event-spot-text {
    min-width: 0;
    overflow: hidden;
}

/* Cellule gauche : plan — même style que .uncell */
.commune-event-spot-plan {
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none;
    position: relative;
    min-height: 320px;
    overflow: hidden;
    background: #FFFDE9;
}

.commune-event-spot-plan img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    padding: 16px;
    box-sizing: border-box;
}

/* Cellule droite : texte — même style que .uncell */
.commune-event-spot-text {
    border: 1px solid #000;
    padding: 40px 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
    background: #FFFDE9;
    box-sizing: border-box;
    word-break: break-word;
    overflow-wrap: break-word;
}

.commune-event-spot-label {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #666;
}

.commune-event-spot-title {
    margin: 0 !important;
    font-family: Basteleur, sans-serif !important;
    font-size: 28px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    color: #000 !important;
    text-transform: uppercase !important;
}

.commune-event-spot-desc {
    margin: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
    color: #333;
}

/* Section D'autres soirées à découvrir */
.commune-prochains-events {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

/* Masquer le label "NOS ÉVÈNEMENTS" sur les pages single événement */
.commune-prochains-events-label {
    display: none !important;
}

@media (max-width: 959px) {
    .commune-event-spot-block {
        grid-template-columns: 1fr !important;
    }

    .commune-event-spot-plan {
        border-right: 1px solid #000;
        border-bottom: none;
        min-height: 220px;
    }

    .commune-event-spot-plan img {
        border-bottom: 1px solid #000;
    }

    .commune-event-spot-text {
        border-top: none;
        padding: 28px 24px;
    }

    .commune-event-spot-title {
        font-size: 22px !important;
    }
}


/* Override vertical-align middle sur les colonnes Uncode */
.row div[class*=col-lg-].pos-middle .uncell,
.row div[class*=col-lg-].pos-middle {
    vertical-align: top !important;
}

/* ============================================
   ACCORDÉONS AUTO — H3
   ============================================ */

/* Chaque item : border-bottom uniquement, pas de margin parasite */
.h3-accordion-item {
    border-bottom: 1px solid #000;
    margin: 0 !important;
}

/* Pas de border-top sur le premier, pas de border-bottom sur le dernier */
.h3-accordion-item.h3-accordion-first {
    border-top: none;
}

.h3-accordion-item.h3-accordion-last {
    border-bottom: none;
}

.h3-accordion-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 20px 14px 24px;
    background-color: var(--acc-bg, #f0f0f0);
    color: #000 !important;
    border: none;
    cursor: pointer;
    font-family: 'Basteleur', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em;
    text-align: left;
    line-height: 1.3;
    transition: opacity 0.15s;
}

.h3-accordion-header:hover {
    opacity: 0.88;
}

.h3-accordion-title {
    flex: 1;
    text-align: left;
    font-family: 'Basteleur', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #000 !important;
}

.h3-accordion-arrow {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    display: block;
    transform: rotate(0deg);
    transition: transform 0.35s cubic-bezier(0.34, 1.26, 0.64, 1);
    filter: var(--acc-arrow-filter, none);
}

.h3-accordion-header[aria-expanded="true"] .h3-accordion-arrow {
    transform: rotate(90deg);
}

/* Contenu accordéon — fermé par défaut */
.h3-accordion-body {
    max-height: 0;
    overflow: hidden;
    background-color: var(--acc-bg, #fff);
    transition: max-height 0.35s ease, padding 0.35s ease;
    padding: 0 24px;
    text-align: left !important;
}

.h3-accordion-body.is-open {
    max-height: 2000px;
    padding: 24px;
    border-top: 1px solid black;
}

.h3-accordion-body p,
.h3-accordion-body li,
.h3-accordion-body strong,
.h3-accordion-body em {
    text-align: left !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: #000 !important;
    margin-bottom: 10px;
}

.h3-accordion-body p:last-child {
    margin-bottom: 0;
}

.h3-accordion-body ul,
.h3-accordion-body ol {
    padding-left: 20px;
    margin: 8px 0 12px;
    text-align: left !important;
}

.h3-accordion-body li {
    margin-bottom: 6px;
}

/* Tuer les marges Uncode autour des accordéons */
.single-portfolio .page-body .h3-accordion-item + .h3-accordion-item {
    margin-top: 0 !important;
}

.commune-prochains-events{
    max-width: inherit !important;
}

.commune-prochains-events-title{
    margin-top: 26px !important;
}

.menu-container, .site-footer, .row-navigation{
    background-color: white !important;
}

/* Masquer la navigation prev/next sur les pages événement — elle crée un gap entre les accordéons et la section suivante */
.single-portfolio .row-navigation {
    display: none !important;
}