/* Bloc event de la page d'accueil (views/site/includes/event-block.php), repris du bloc PISPA Paris 2026. */

.event-block {
    --event-block-accent: #A8283D;
    margin-top: 30px;
}

.event-block-media {
    text-align: center;
    margin-bottom: 25px;
}

.event-block-media img,
.event-block-media video {
    max-width: 100%;
    height: auto;
}

.event-block-video video {
    max-width: 95%;
}

.event-block-frame {
    border: 2px solid var(--event-block-accent);
    padding: 15px 30px 25px;
}

.event-block-title {
    color: var(--event-block-accent);
    text-align: center;
    margin: 30px 0;
    text-transform: uppercase;
    font-size: 28pt;
    font-weight: bold;
}

.event-block-intro p {
    text-align: justify;
}

.event-block-video {
    margin: 25px 0;
}

.event-block-schedule h2 {
    text-align: center;
    font-size: 22pt;
    font-weight: bold;
}

.event-block-schedule ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}

.event-block-schedule li {
    margin: 4px 0;
}

.event-block-schedule li::before {
    content: "- ";
    font-weight: bold;
}

.event-block-schedule li.is-highlight {
    color: #FF0000;
}

.event-block-closing {
    text-align: center;
    margin: 30px 0 25px;
}

@media (max-width: 768px) {
    .event-block-frame {
        padding: 10px 15px 20px;
    }

    .event-block-title {
        font-size: 20pt;
        margin: 20px 0;
    }

    .event-block-intro p {
        text-align: left;
    }

    .event-block-schedule h2 {
        font-size: 17pt;
    }
}