:root {
    --splatch-neon-lime: rgb(185 230 0);
    --splatch-neon-pink: rgb(255 44 174);
    --splatch-pastel-lime: #edf589;
    --splatch-pastel-pink: #fcdcf2;
    --splatch-text-color: rgb(255 44 174);
    --splatch-shadow: rgba(0, 0, 0, 0.15);
}
.splash-image {
    background: var(--color1);
    position: relative;
    /* background: #FFF; */
    aspect-ratio: 949/863;
    height: 53%;
    max-height: calc(100% - 280px);
    mask-image: url(../img/splatch/splatch-wide.png);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
}


.splatch-splashscreen {
    /* background: #FFF; */
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity:0;
    pointer-events: none;
    /* mix-blend-mode: lighten; */
}
@keyframes displaySplatchScreen {
    0% {
        clip-path: circle(0% at 50% 50%);
    }


    100% {
        /* plein rectangle : tout est révélé */
        clip-path: circle(100% at 50% 50%);

    }
}
.modele-festival-splatch-2026 .event>.top>.bloc>.infos>.links>a{
    --bgcolor: #121212;
}
.splatch-splashscreen.ready>.splatch-center {
    animation: displaySplatchScreen .5s ease-out forwards;
}
.splatch-splashscreen.ready {
    display: block;
    opacity: 1;
    pointer-events: all;
}

.splatch-container *{
    -webkit-tap-highlight-color: transparent;
    user-select: none;
}
.splatch-container {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 9999;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    /* pointer-events: none; */
    color: var(--color1);
    --hide-ratio: 0%;
    transition:transform .3s ease, opacity .3s ease;
    transform-origin:100% 100%;
    transform: scale(calc(1 - var(--hide-ratio)));
    /* opacity: calc((1 - var(--hide-ratio) * 1)); */
}
.splatch-container.is-open{
    --hide-ratio: 0!important;
}

.splatch-nav {
    position: relative;
    width: 410px;
    /* pointer-events: auto; */
    aspect-ratio: 410/382;
    filter: drop-shadow(0px 0px 1px #00000033);
}

/* --- CLUSTER ELEMENTS & MORPHING LOGIC --- */

/* Deco blobs and Item blobs share basic transition for smoothness */
.splatch-blob-deco,
.splatch-blob {
    /* position: absolute; */
    /* width: 100%; */
    /* height: 100%; */
    /* border-radius: 50%; */
    /* transition: all 0.5s cubic-bezier(0.68, -0.6, 0.32, 1.6); */
}

.splatch-cluster {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    pointer-events: none;
}

/* Deco Blobs (Fillers) */
.deco-1 {
    width: 80%;
    height: 80%;
    top: 5%;
    left: 0%;
    background-color: var(--splatch-pastel-lime);
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
}
.deco-2 {
    width: 70%;
    height: 70%;
    bottom: 5%;
    right: 5%;
    background-color: var(--splatch-pastel-pink);
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}

/* Interaction: Cluster Hover */
.splatch-toggle:hover .splatch-blob-deco { transform: scale(1.05); }
.splatch-toggle:hover ~ .splatch-items .splatch-item { transform: scale(1.05); }

/* --- MENU ITEMS (The Real Blobs) --- */
.splatch-items {
    list-style: none;
    padding: 0;
    margin: 0;
    filter: d;
    position: absolute;
    top: 50px;
    left: 100px;
    width: calc(100% - 110px);
    height: 100%;
    pointer-events: none;
    /* filter: drop-shadow(2px 4px 6px #00000033); */
    font-family: 'la_passerellebold';
    /* background: #FFF; */
    z-index: 2000;
    /* border-radius: 12% 9% 32% 3%; */
    transform: scale(0.5);
    transform-origin: 100% 100%;
    opacity: 0;
    transition: transform .3s, opacity .3s;
    pointer-events: none;
    padding: 25px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: safe center;
    gap: 15px;
    /* font-size: 46px; */
}

.splatch-item {
    /* position: absolute; */
    /* width: 48px; */  /* Initial blob size - visible */
    /* height: 48px; */
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    /* Important: We define ONLY the transition properties we want */
    transition: 
        transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.2),
        width 0.5s ease, 
        height 0.5s ease,
        top 0.5s ease;
    /* z-index: 15; */
    /* pointer-events: auto; */
    
    /* Visible initially! This creates the seamless morph */
    opacity: 1;
}

/* Initial Cluster Positions for Items (Making them look like part of the button) */
/* Trying to group them near center but slightly scattered */
.item-1 {top: 15%;left: 35%;} /* Top rightish */
.item-2 {/* top: 51%; *//* left: 37%; *//* transform: translate(-50%, -50%); */} /* Center */
.item-3 {/* top: 40%; *//* left: 35%; */} /* Bottom Leftish */

.splatch-link {
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    display: inline;
    color: currentColor;
}

.splatch-blob {
    /* box-shadow: 2px 4px 8px var(--splatch-shadow); */
}

/* Item Colors */
.item-1 .splatch-blob {/* background-color: var(--splatch-pastel-lime); *//* border-radius: 53% 47% 43% 57% / 46% 40% 60% 54%; */}
.item-2 .splatch-blob { background-color: var(--splatch-pastel-lime); border-radius: 38% 62% 64% 36% / 43% 35% 65% 57%; }
.item-3 .splatch-blob {background-color: var(--splatch-pastel-lime);border-radius: 46% 54% 37% 63% / 54% 47% 53% 46%;}

.splatch-text {
    position: relative;
    z-index: 2;
    /* color: var(--color1); */
    font-weight: 700;
    font-size: 0; /* Hidden text */
    opacity: 0;
    line-height: 1;
    font-size: 1.6rem;
    transition: opacity 0.3s ease;
    /* white-space: nowrap; */
    /* text-shadow: 0 1px 0 rgba(255,255,255,0.7); */
}

/* --- TOGGLE BUTTON (Overlay) --- */
.splatch-toggle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: none;
    border: none;
    cursor: pointer;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFF;
    mask: url(../img/splatch/splatch-corner.svg) no-repeat center/contain;
    transition: background .3s;
    color: currentColor;
}

.splatch-label {
    position: relative;
    /* font-size: 1.6rem; */
    /* font-weight: 900; */
    /* color: var(--splatch-neon-pink); */
    /* transform: rotate(-5deg); */
    /* text-shadow: 2px 2px 0px #fff; */
    pointer-events: none;
    /* transition: all 0.3s ease; */
    z-index: 30;
    /* font-family: 'la_passerellebold'; */
    /* line-height: 1; */
    background: var(--color1);
    aspect-ratio: 1920/1538;
    width: 60%;
    left: 50px;
    top: 50px;
    max-height: 100%;
    mask: url(../img/splatch/splatch-wide.png) no-repeat center/contain;
    transition: transform .3s, opacity .3s;
    transform-origin: 100% 100%;
}

.splatch-close-icon {
    position: absolute;
    font-size: 2.5rem;
    /* color: var(--color1); */
    opacity: 0;
    transform: scale(0);
    transition: all 0.4s ease;
    z-index: 31;
    right: 20px;
    bottom: 30px;
    color: currentColor;
}

/* --- STATE: OPEN --- */

/* 1. Dissolve Decoration Blobs immediately */
.splatch-container.is-open .splatch-blob-deco {
    transform: scale(0);
    opacity: 0;
    transition-duration: 0.3s; /* Fast exit */
}

/* 2. Hide Label */
.splatch-container.is-open .splatch-label {/* opacity: 0; *//* transform: scale(0) rotate(180deg); */}

/* 3. Show Close Icon */
.splatch-container.is-open .splatch-close-icon { opacity: 1; transform: scale(1); }

/* 4. Morph Items to Menu (Explosion) */

/* Item 1 (Was Top ~24px) -> Move Up */
.splatch-container.is-open .item-1 {
    /* width: 200px; */
    /* height: 65px; */
    /* Target visual position relative to nav center: roughly -95px up */
    /* transform: translate(-150px, -55px); */ /* From top:20% (24px) to target */
    /* margin-left: -30px; */
}

/* Item 2 (Was Center 60px) -> Stay Center Y */
.splatch-container.is-open .item-2 {
    /* width: 180px; */
    /* height: 60px; */
    /* Target visual position: Center */
    /* transform: translate(-200px, -50%); */ /* Keep vertical center anchor */
}

/* Item 3 (Was Bottom ~66px) -> Move Down */
.splatch-container.is-open .item-3 {
    /* width: 220px; */
    /* height: 60px; */
    /* Target visual position relative to nav center: roughly +95px down */
    /* transform: translate(-190px, 45px); */ /* From top:55% (66px) to target */
}

/* Morph shapes */
.splatch-container.is-open .item-1 .splatch-blob {/* border-radius: 20px 50px 30px 40px / 40px 30px 50px 20px; */}
.splatch-container.is-open .item-2 .splatch-blob { border-radius: 40px 20px 50px 30px / 20px 50px 30px 40px; }
.splatch-container.is-open .item-3 .splatch-blob { border-radius: 50px 30px 20px 40px / 30px 20px 50px 30px; }

/* Show Text */
.splatch-container.is-open .splatch-text {
    /* font-size: 1.4rem; */
    opacity: 1;
    transition-delay: 0.2s;
}

/* --- HOVER ON ITEMS --- */
.splatch-item:hover { z-index: 50; }
.splatch-item:hover .splatch-blob {
    transform: scale(1.05);
    background-color: #fff;
    /* border: 2px solid var(--splatch-neon-pink); */
}


body:has(.splatch-container):after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 1001;
    background: #00000033;
    pointer-events: none;
    transition: opacity .3s;
    backdrop-filter: grayscale(1);
    opacity: 0;
}

body:has(.splatch-container.is-open):after {
    opacity: 1;
}
.splatch-container.is-open .splatch-toggle>.splatch-dates {
    transform: translateY(100px);
    color: #fff;
    font-size: 2.7rem;
}
.splatch-toggle>.splatch-dates {
    position: absolute;
    /* top: 100%; */
    /* font-family: 'la_passerellebold'; */
    /* line-height: 1em; */
    /* font-size: 1.2rem; */
    /* margin-top: -30px; */
    /* color: var(--splatch-text-color); */
    /* transition: transform .3s, font-size .3s, color .3s; */
}
.splatch-toggle>.splatch-dates>div {
    position: relative;
    z-index: 1;
}

.splatch-toggle>.splatch-dates:before {
    content: "";
    /* position: absolute; */
    /* inset: -14px -4px -10px -20px; */
    /* background: var(--splatch-pastel-lime); */
    /* border-radius: 30% 30% 20% 70%; */
    /* opacity: 1; */
    /* transition: opacity .3s, border-radius .3s, inset .3s, background-color .3s; */
}

.splatch-container.is-open .splatch-toggle>.splatch-dates:before {
    border-radius: 70% 10% 70% 160%;
    opacity: .0;
}
.splatch-splashscreen>.splatch-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: url(../img/splatch/splatch-center.svg) no-repeat center/contain;
    aspect-ratio: 949/863;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
@keyframes splashToCorner{
    to{
        transform:translate(50%,50%) scale(0.3);
        /* opacity:0; */
    }
}
.splatch-splashscreen.ready.to-corner {
    animation: splashToCorner 1.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.splatch-container .splatch-toggle {
    transform: scale(0);
    transition: transform .3s cubic-bezier(0.18, 0.89, 0.32, 1.28), background .3s;
    transform-origin: 100% 100%;
}

.splatch-container.is-visible .splatch-toggle {
    transform: scale(1);
}
.splatch-container.is-open .splatch-label {
    /* transform: scale(1.5); */
    opacity: 0;
}

.splatch-container.is-open .splatch-items {
    opacity: 1;
    transform: scale(1);
}

.splatch-container.is-visible.is-open .splatch-toggle {
    transform: scale(1.1);
    /* background: var(--color1); */
}
.splatch-toggle:before {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    background: var(--color1);
    transition: background .3s;
    clip-path:circle(0 at 100% 100%);
    transition: clip-path .3s;
    opacity: .1;
}

.splatch-container.is-visible.is-open .splatch-toggle:before {
    clip-path: circle(150% at 100% 100%);
}
.splatch-link:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    height: 4px;
    background: currentColor;
    width: 100%;
    transform: scaleX(0);
    transform-origin: 0% 50%;
    transition: transform .3s;
}

.splatch-link:hover:before {
    transform: scale(1);
}
.splatch-container>.splatch-nav>.splatch-items {
    /* pointer-events: none; */
}

.splatch-container.is-open>.splatch-nav>.splatch-items a {
    pointer-events: all;
}
@media(width<=1990px){
    .splatch-nav {
        width: 220px;
        /* height: auto; */
    }

    .splatch-label {
        width: 64%;
        top: 20px;
        left: 30px;
    }
    .splatch-container.is-visible.is-open .splatch-toggle {
        transform: scale(2);
    }

    .splatch-items {
        left: -80px;
        top: -30px;
        width: calc(100% - 0px);
    }

    .splatch-close-icon {
        font-size: 1.4em;
        bottom: 20px;
    }
}

/* Styles pour la grille d'événements Splatch */
.modele-festival-splatch-2026 .splatch-grid {
    width: 100%;
    margin-top: 40px;
}

.modele-festival-splatch-2026 .timeline-container {
    position: relative;
    padding: 40px 0;
}


.modele-festival-splatch-2026 .day-section {
    margin-bottom: 80px;
    position: relative;
    /* padding: 0 50px; */
}

.modele-festival-splatch-2026 .day-section:nth-child(odd) {
    /* text-align: right; */
    /* padding-right: calc(50% + 40px); */
    /* padding-left: 50px; */
}

.modele-festival-splatch-2026 .day-section:nth-child(even) {
    text-align: left;
    /* padding-left: calc(50% + 40px); */
    /* padding-right: 50px; */
}


.modele-festival-splatch-2026 h2.day-title, body.page-id-22185 #main-content h3 {
    font-family: 'gt_america';
    font-size: 2.2rem;
    /* color: var(--splatch-neon-pink); */
    margin-bottom: 30px;
    padding: 0 0 15px 0;
    border: none;
    position: relative;
    display: inline-block;
    width: 100%;
    text-shadow: 0 0 1px #fff;
    font-weight: 700;
    line-height: 1;
}

.modele-festival-splatch-2026 .day-title:before, body.page-id-22185 #main-content h3:before {
    content: "";
    position: absolute;
    right: 10%;
    left: -80%;
    bottom: 0;
    top: 0;
    background: linear-gradient(90deg,transparent,var(--splatch-neon-lime),var(--splatch-neon-lime),var(--splatch-neon-lime),var(--splatch-neon-lime),transparent);
    z-index: -1;
}

.modele-festival-splatch-2026 .carousel-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    width: calc(100% + 100px);
    margin-left: -50px;
    margin-right: -50px;
}

.modele-festival-splatch-2026 .day-section:nth-child(odd) .carousel-wrapper {
    /* width: calc(100% + 50% + 90px); */
    /* margin-right: calc(-50% - 40px); */
    /* margin-left: -50px; */
}

.modele-festival-splatch-2026 .day-section:nth-child(even) .carousel-wrapper {
    /* width: calc(100% + 50% + 90px); */
    /* margin-left: calc(-50% - 40px); */
    /* margin-right: -50px; */
}

.modele-festival-splatch-2026 .events-carousel {
    flex: 1;
    overflow: hidden;
    position: relative;
}

.modele-festival-splatch-2026 .carousel-track {
    display: flex;
    transition: transform 0.3s ease;
    gap: 20px;
}

.modele-festival-splatch-2026 .carousel-item {
    flex: 0 0 calc(50% - 10px);
    max-width: 100%;
}

.modele-festival-splatch-2026 .carousel-nav {
    background: var(--splatch-neon-pink);
    color: white;
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    flex-shrink: 0;
    -webkit-tap-highlight-color: transparent;
    
}

.modele-festival-splatch-2026 .carousel-nav:hover {
    background: var(--splatch-neon-lime);
    color: var(--splatch-neon-pink);
    transform: scale(1.1);
}

.modele-festival-splatch-2026 .carousel-nav:active {
    transform: scale(0.95);
}

.modele-festival-splatch-2026 .carousel-nav:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Cartes d'événement Splatch personnalisées - Plus grandes */
.modele-festival-splatch-2026 .splatch-event-card {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
    cursor: pointer;
}

.modele-festival-splatch-2026 .splatch-event-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgba(245, 95, 185, 0.3);
}

.modele-festival-splatch-2026 .splatch-event-image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    align-items: flex-end;
}

.modele-festival-splatch-2026 .splatch-event-no-image {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modele-festival-splatch-2026 .splatch-event-overlay {
    width: 100%;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 100px;
    background: linear-gradient(to top, rgba(0,0,0,0.8) 20%, rgba(0,0,0,0.5) 40%, transparent 100%);
}

.modele-festival-splatch-2026 .splatch-event-info {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.modele-festival-splatch-2026 .splatch-event-cats {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 4px;
}

.modele-festival-splatch-2026 .cat-badge {
    display: inline-block;
    background: rgba(255, 255, 255, 0.25);
    color: white;
    padding: 3px 8px;
    font-size: 0.7rem;
    font-weight: 600;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.modele-festival-splatch-2026 .splatch-event-title {
    font-family: 'la_passerellebold', sans-serif;
    font-size: 1.2rem;
    font-weight: bold;
    color: white;
    line-height: 1.2;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

.modele-festival-splatch-2026 .splatch-event-subtitle {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.95);
    font-style: italic;
    text-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.modele-festival-splatch-2026 .splatch-event-type {
    font-size: 0.7rem;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.modele-festival-splatch-2026 .splatch-event-time {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.95);
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    margin-top: 4px;
}

.modele-festival-splatch-2026 .event-time-icon {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.modele-festival-splatch-2026 .splatch-event-venue {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.9);
    display: flex;
    align-items: center;
    gap: 6px;
}

.modele-festival-splatch-2026 .event-venue-icon {
    width: 14px;
    height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.modele-festival-splatch-2026 .splatch-event-link {
    position: absolute;
    inset: 0;
    z-index: 10;
    text-decoration: none;
}

/* Responsive Timeline */
@media (max-width: 768px) {
    .modele-festival-splatch-2026 .timeline-container:before {
        left: 20px;
    }
    
    .modele-festival-splatch-2026 .day-section {
        /* padding: 0 0 0 70px !important; */
        /* text-align: left !important; */
    }
    
    .modele-festival-splatch-2026 .day-section:before {
        left: 8px;
    }
    
    .modele-festival-splatch-2026 .carousel-item {
        flex: 0 0 calc(100% - 30px);
        max-width: 100%;
    }
    
    .modele-festival-splatch-2026 .splatch-event-card {
        min-height: 320px;
    }
    
    .modele-festival-splatch-2026 .splatch-event-title {
        font-size: 1.2rem;
    }
    
    .modele-festival-splatch-2026 .splatch-event-subtitle {
        font-size: 0.85rem;
    }
    
    .modele-festival-splatch-2026 .splatch-event-type {
        font-size: 0.75rem;
    }
    
    .modele-festival-splatch-2026 .cat-badge {
        font-size: 0.65rem;
        padding: 2px 6px;
    }
    
    .modele-festival-splatch-2026 .carousel-nav {
        width: 40px;
        height: 40px;
        font-size: 1.2rem;
    }
    
    .modele-festival-splatch-2026 .day-title {
        font-size: 1.5rem;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .modele-festival-splatch-2026 .carousel-item {
        flex: 0 0 calc(50% - 15px);
        max-width: 100%;
    }
    
    .modele-festival-splatch-2026 .splatch-event-title {
        font-size: 1.25rem;
    }
    
    .modele-festival-splatch-2026 .splatch-event-card {
        min-height: 350px;
    }
}

@media (min-width: 1025px) {
    .modele-festival-splatch-2026 .carousel-item {
        flex: 0 0 calc((100% - 65px) / 4);
        /* width: 525px; */
    }
    
    .modele-festival-splatch-2026 .splatch-event-card {
        min-height: 270px;
    }
}

/* Taches type coups de pinceau en arriere-plan pour la page Splatch 2026 */
body.page-template-page-festival-splatch-2026 #main-content {
    position: relative;
    overflow: hidden;
}

body.page-template-page-festival-splatch-2026 #main-content:before {
    content: '';
    position: fixed;
    inset: 0;
    background: #FFF;
    background: url(../img/splatch/splatch-center.svg) no-repeat center/cover;
    filter: drop-shadow(0 0 1px #00000033);
}


/* S'assurer que le contenu reste au-dessus */
body.page-template-page-festival-splatch-2026 #main-content>.ariane {
    background: transparent;
    display: none;
} 
body.page-template-page-festival-splatch-2026 #main-content > * {
    position: relative;
    z-index: 1;
}

.modele-festival-splatch-2026 .day-section:after {
    content: "";
    position: absolute;
    left: 10%;
    right: 10%;
    height: 5%;
    background: linear-gradient(90deg,transparent,var(--splatch-pastel-pink),var(--splatch-pastel-pink),transparent);
    /* border-radius: 50%; */
    /* filter: blur(10px); */
    bottom: -30px;
    z-index: -1;
}
.post.modele-festival-splatch-2026 {
    font-size: 1.2em;
}
.modele-festival-splatch-2026 .carousel-item .event {
    max-width: 100%;
    aspect-ratio: 1/1;
    display: flex;
    flex-direction: column;
}

.modele-festival-splatch-2026 .carousel-item .event>.bottom:before {
    display: none;
}
.modele-festival-splatch-2026 .carousel-item .event>.top {
    aspect-ratio: 1/.7;
    width: 100%;
    height: auto;
}

.post.modele-festival-splatch-2026>.presentation {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    max-width: 1040px;
    margin: 60px auto 0;
    gap: 50px;
    text-wrap: pretty;
    flex-direction: row;
    align-items: center;
}

.post.modele-festival-splatch-2026>.presentation>.illu {
    flex: 1 1 250px;
    /* background: red; */
    display: flex;
    /* align-items: safe  center; */
    justify-content: safe center;
    height: 350px;
}

.post.modele-festival-splatch-2026>.presentation>.texte {
    flex: 1 1 500px;
}

.post.modele-festival-splatch-2026>.presentation>.illu:before {
    content: "";
    width: 100%;
    aspect-ratio: 1920/1538;
    background: var(--splatch-neon-pink);
    display: block;
    /* height: 200px; */
    mask: url(../img/splatch/splatch-wide.png) no-repeat center/contain;
}
body.page-template-page-festival-splatch-2026 div#main-content.inter>.container>h1{
    display: none;
}
@media(width<=1200px){
    .modele-festival-splatch-2026 .carousel-wrapper {
        margin-left: 0px;
        margin-right: 0;
        width: inherit;
    }
    .modele-festival-splatch-2026 .carousel-prev, .modele-festival-splatch-2026 .carousel-next {
        position: absolute;
        z-index: 2;
        bottom: -40px;
    }

    .modele-festival-splatch-2026 .carousel-next {
        right: 0;
    }
}