/* ============================================
   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-top: 1px solid #000 !important;
    border-left: 1px solid #000 !important;
    border-right: 1px solid #000 !important;
    border-bottom: 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
   ============================================ */

/* 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;
}

.single-portfolio .page-body .wpb_column.col-lg-6:first-child img {
    width: 100%;
    height: auto !important;
    max-height: 500px !important;
    object-fit: contain !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;
}

/* Marge du h1 vers le bas */
.single-portfolio .page-body .vc_custom_heading_wrap {
    border-bottom: 1px solid #000 !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;
}

/* Conteneur du H1 */
.single-portfolio .page-body .vc_custom_heading_wrap {

    border-bottom: 1px solid #000 !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;
    border-bottom: 1px solid #000 !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;
    border-top: 1px solid #000 !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; }