/* --- HERO --- */
        .hero-section {
            height: 50vh;
            display: flex; flex-direction: column;
            justify-content: center; align-items: center;
            text-align: center; position: relative; 
        }



        .section-label {
            font-family: 'Oswald'; background: white;
            display: inline-block; padding: 10px 30px;
            border: 3px solid black; text-transform: uppercase;
            font-size: 1.8rem; margin-bottom: 40px;
            box-shadow: 6px 6px 0px var(--comedia-pink);
        }

        /* --- LAYOUT CÔTE À CÔTE --- */
        .main-flex-container {
            display: flex;
            gap: 40px;
            justify-content: center;
            max-width: 1400px;
            margin: 0 auto 40px;
            padding: 0 20px;
            align-items: flex-start;
        }

        /* Le planning prend plus de place car c'est une image large */
        .flex-planning { flex: 2; min-width: 320px; }
        .flex-spectacles { flex: 1; min-width: 320px; }

        /* --- CARTES BRUTALISTES --- */
        .card-brutal {
            background: white !important; border: 4px solid black;
            box-shadow: var(--comedia-shadow);
            transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            text-decoration: none !important; color: black !important;
            margin-bottom: 20px; display: block;
            overflow: hidden;
        }
        .card-brutal:hover { transform: translate(-5px, -5px); box-shadow: 18px 18px 0px var(--comedia-pink); }

        /* Planning Image */
        .planning-img {
            width: 100%;
            height: auto;
            display: block;
        }

        /* Spectacles items */
        .spec-item { padding: 20px; display: flex; justify-content: space-between; align-items: center; text-align: left; }
        .spec-info h4 { font-family: 'Oswald'; margin: 0; text-transform: uppercase; font-size: 1.3rem; }
        .spec-date { color: var(--comedia-pink); font-weight: 900; font-size: 1rem; }

        /* --- SECTION ACTUALITÉS (IDENTIQUE À LA PAGE ARTICLES) --- */
.news-grid { 
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; /* 3 colonnes sur PC */
    gap: 40px !important; 
    max-width: 1400px; 
    margin: 0 auto !important; 
    padding: 0 20px;
}

.card-news-brutal { 
    background: #ffffff !important;
    border: 4px solid black !important;
    box-shadow: 12px 12px 0px #000 !important;
    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    text-align: left;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    text-decoration: none !important;
    color: inherit !important;
}

.card-news-brutal:hover { 
    transform: translate(-5px, -5px); 
    box-shadow: 18px 18px 0px var(--comedia-pink) !important; 
}

.card-news-brutal img { 
    width: 100% !important; 
    height: auto !important; 
    display: block;
    border-bottom: 4px solid black; /* Sépare l'image du texte proprement */
}

.news-card-body { 
    padding: 25px; 
    flex-grow: 1;
}

.news-card-body h3 { 
    font-family: 'Oswald'; 
    font-size: 1.6rem; 
    margin-bottom: 15px; 
    text-transform: uppercase; 
    color: #000;
}

.news-card-body p { 
    font-size: 1rem; 
    line-height: 1.5; 
    color: #333; 
    margin: 0;
}

/* --- RESPONSIVE ACTUALITÉS --- */
@media (max-width: 1150px) {
    .news-grid { 
        grid-template-columns: repeat(2, 1fr) !important; /* 2 colonnes sur tablette */
    }
}

@media (max-width: 768px) {
  .hero-section {
    height: 35vh;}
    .news-grid { 
        grid-template-columns: 1fr !important; /* 1 colonne sur mobile */
        max-width: 500px; 
    }
    .hero-title { padding: 20px 30px; }
}

        .btn-reserve-mini {
            background: black; color: white; border: none;
            padding: 8px 15px; font-weight: 900; text-transform: uppercase;
            font-size: 0.8rem;
        }

        @media (max-width: 1100px) {
            .main-flex-container { flex-direction: column; align-items: center; }
            .flex-planning, .flex-spectacles { width: 100%; max-width: 800px; }
            .card-news { flex: 0 1 100%; max-width: 600px; }
        }

           .spec-item.disabled{
    pointer-events:none;
    opacity:.6;
    filter:grayscale(1);
}