/**
 * Bloc ACF – Date de l'événement
 * ccbla-date-event
 * ─────────────────────────────────────────────────────────────────────
 * Utilisé dans tous les templates événements :
 *   event_externe / event_interne / event-utick
 *
 * WCAG 2.2 AA :
 *   • Couleur : contraste minimum 4.5:1 via palette Kadence
 *   • Focus : hérité du thème parent (Kadence gère le focus-visible global)
 *   • .sr-only inline : texte visible des lecteurs d'écran uniquement
 */

/* ── Conteneur principal ─────────────────────────────────────────────── */
.ccbla-date-event {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0 0.4em;
    margin: 0;
    /* Typographie : Agrandir Wide Medium (cohérent avec les headings) */
    font-family: var(--font-heading, var(--wp--preset--font-family--agrandir-wide-medium, 'Agrandir Wide Medium', sans-serif));
    /* Couleur : utilise la palette Kadence (palette9 = texte secondaire) */
    color: var(--global-palette4, #1a1a2e);
    font-size: var(--global-sm-font-size, 1rem);
    font-weight: 500;
    line-height: 1.4;
    text-transform :uppercase;
}

/* ── Séparateur visuel → ─────────────────────────────────────────────── */
.ccbla-date-event__sep {
    font-weight: 400;
    color: var(--global-palette5, #555);
    /* Rendu visuellement distinct du texte de date */
    padding: 0 0.15em;
}

/* ── Date de début ───────────────────────────────────────────────────── */
.ccbla-date-event__debut {
    /* Pas de style spécifique : hérite du .ccbla-date-event */
    font-style: normal; /* <time> n'a pas d'italique */
}

/* ── Date de fin (multi-jours) ───────────────────────────────────────── */
.ccbla-date-event__fin {
    font-style: normal;
}

/* ── Variante : événement sur plusieurs jours ──────────────────────── */
/* On peut accentuer visuellement le range si besoin */
.ccbla-date-event--multi .ccbla-date-event__debut,
.ccbla-date-event--multi .ccbla-date-event__fin {
    /* Facultatif : légère distinction visuelle pour les plages de dates */
    /* color: var(--global-palette1, #2D7DD2); */
}

/* ── Aperçu éditeur ──────────────────────────────────────────────────── */
.ccbla-date-event--preview {
    color: var(--global-palette5, #888);
    font-style: italic;
    font-weight: 400;
}

/* ── Utilitaire sr-only (lecteur d'écran) ────────────────────────────── */
/* Défini globalement dans Kadence/enfant, mais re-déclaré ici pour garantir la portabilité de ce bloc dans tout contexte. */
.ccbla-date-event .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}