/* Extracted from template-page-calendrier.php in CRJ Refactor V4.8. */

.calendar-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.calendar-year-filter {
    margin-left: auto;
    min-width: 110px;
}

.calendar-item {
    display: flex;
    gap: 1rem;
    padding: 0 0 1.25rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid rgba(7, 21, 47, 0.12);
    text-decoration: none;
}

.calendar-item:last-child {
    margin-bottom: 0;
}

.calendar-empty-message {
    margin: 1rem 0 0;
    color: var(--body-text, #42526e);
}


/*
 * Laisse apparaître la continuation colorée du logo immersif sous le HERO.
 * Les cartes conservent leur propre fond blanc; seul le fond de la section
 * Calendrier devient transparent.
 */
.crj-network-immersive-page .calendar-immersive-content {
    position: relative;
    z-index: 1;
    background: transparent;
}

@media (max-width: 575.98px) {
    .calendar-card-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .calendar-year-filter {
        width: 100%;
        margin-left: 0;
    }
}