/**
 * EMAG Agenda - Styles spécifiques uniquement
 * Utilise la même structure HTML/CSS que les archives (emag-public.css)
 * Ce fichier ne contient QUE les spécificités agenda
 *
 * @package Emag_Magazine
 */

/* ==========================================================================
   SPÉCIFICITÉS AGENDA - Texte d'introduction
   ========================================================================== */

.intro-text {
    text-align: center;
    margin-bottom: 2em;
}

.intro-text h2,
.intro-text p {
    font-size: 1rem;
    font-family: var(--fontCorps);
    font-weight: 400;
    line-height: 1.6;
}

/* ==========================================================================
   SPÉCIFICITÉS AGENDA - Événements passés
   ========================================================================== */

.emag-post-card.emag-agenda-past {
    opacity: 0.6;
}

.emag-post-card.emag-agenda-past .card-image img {
    filter: grayscale(0.5);
}

/* ==========================================================================
   SPÉCIFICITÉS AGENDA - Badges taxonomies (type_agenda, lieu)
   ========================================================================== */

.emag-taxonomy-badge {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    background: #e9ecef;
    color: #495057;
    font-size: 0.75rem;
    border-radius: 3px;
    margin-right: 0.25rem;
}

.emag-taxonomy-badge.active {
    background: var(--color1, #0073aa);
    color: #fff;
}

/* ==========================================================================
   SPÉCIFICITÉS AGENDA - Champ date range pour filtres
   ========================================================================== */

.emag-filter-field.emag-date-range-field {
    min-width: 300px;
}

.emag-date-range-inputs {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.emag-date-range-inputs input[type="date"],
.emag-date-range-inputs input[type="text"] {
    flex: 1;
    min-width: 0;
}

.emag-date-separator {
    font-size: 0.875rem;
    color: var(--noir, #000);
    white-space: nowrap;
}

/* Flatpickr pour agenda */
.flatpickr-calendar {
    z-index: 9999;
}

/* ==========================================================================
   MODE SOMBRE - Compatible avec dark-mode.css du thème
   ========================================================================== */

.is-dark-theme .intro-text h2,
.is-dark-theme .intro-text p {
    color: var(--text-primary, #fff);
}

.is-dark-theme .emag-taxonomy-badge {
    background: var(--bg-secondary, #3a3a3a);
    color: var(--text-secondary, #ccc);
}

.is-dark-theme .emag-taxonomy-badge.active {
    background: var(--link-color, var(--color1));
    color: var(--text-primary, #fff);
}

.is-dark-theme .emag-date-separator {
    color: var(--text-secondary, #ccc);
}

.is-dark-theme .emag-filter-field input[type="date"],
.is-dark-theme .emag-filter-field input[type="text"] {
    background-color: var(--bg-secondary, #2a2a2a);
    color: var(--text-primary, #fff);
    border-color: var(--border-color, #444);
}

.is-dark-theme .flatpickr-calendar {
    background: var(--bg-primary, #1a1a1a);
    border-color: var(--border-color, #444);
}

.is-dark-theme .flatpickr-day {
    color: var(--text-primary, #fff);
}

.is-dark-theme .flatpickr-day:hover {
    background: var(--bg-secondary, #2a2a2a);
}