/**
 * GOST Accessibilité — correctifs RGAA en CSS.
 * Chargé après le thème et le kit Elementor (priorité tardive de l'enqueue)
 * pour pouvoir surcharger les valeurs par défaut.
 */

/* RGAA 3.1 — l'information ne doit pas passer uniquement par la couleur.
   Les liens du contenu éditorial sont soulignés (distinction non chromatique).
   Les liens-boutons (forme/fond) sont exclus. */
#article-post-blog a:not(.elementor-button):not(.learn_btn),
.elementor-widget-text-editor a:not(.elementor-button):not(.learn_btn) {
    text-decoration: underline;
}

/* RGAA 3.2 — contraste texte/fond >= 4,5:1.
   Couleur de texte globale Elementor #7A7A7A (4,29:1) -> #6A6A6A (5,4:1).
   Sélecteur body.elementor-kit-9 pour passer devant la définition du kit. */
body.elementor-kit-9 {
    --e-global-color-text: #6A6A6A;
}

/* RGAA 3.2 — les placeholders servent d'étiquette visible (cf. 11.1) :
   gris contrasté (>= 4,5:1) et pleinement opaque. */
::placeholder {
    color: #6A6A6A;
    opacity: 1;
}

/* RGAA 3.3 — contraste des composants d'interface >= 3:1.
   Bordure Bootstrap des champs #ced4da (1,49:1) -> #767676 (4,5:1). */
.wpcf7-form-control.form-control,
textarea.wpcf7-form-control {
    border-color: #767676;
}

/* RGAA 10.7 — la prise de focus doit être visible. Le thème/Elementor pose
   de nombreux `:focus { outline: none }` : on rétablit un indicateur net au
   clavier. `currentColor` adapte la couleur au contexte (blanc dans le menu
   sur fond violet, foncé sur fond clair) → reste contrasté partout. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible,
[role="button"]:focus-visible,
.elementor-item:focus-visible,
.elementor-sub-item:focus-visible,
.elementor-button:focus-visible,
.elementor-icon:focus-visible,
.elementor-menu-toggle:focus-visible {
    outline: 2px solid #16163f !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 4px #ffffff !important;
    border-radius: 2px;
}

/* RGAA 12.7 — lien d'évitement : masqué (technique clip) hors focus,
   visible et contrasté à la prise de focus. !important pour résister au thème. */
.gost-skip-link {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
}
.gost-skip-link:focus {
    position: fixed !important;
    top: 8px !important;
    left: 8px !important;
    width: auto !important;
    height: auto !important;
    clip: auto !important;
    clip-path: none !important;
    overflow: visible !important;
    z-index: 100000 !important;
    background: #16163f !important;
    color: #ffffff !important;
    padding: 12px 18px !important;
    font-size: 15px !important;
    text-decoration: underline !important;
    border-radius: var(--border-radius-md, 8px) !important;
}

/* RGAA 11.10 — mention visible indiquant les champs obligatoires. */
.gost-required-note {
    font-size: 13px;
    color: #16163f;
    margin: 0 0 14px;
}

/* RGAA 13.8 — neutralise la rotation décorative continue (animation "rotateme",
   20s en boucle infinie, mouvement non contrôlable). La forme reste affichée
   mais immobile. Redéfinir le keyframe suffit : la dernière définition du même
   nom l'emporte (la feuille du mu-plugin se charge après le thème). */
@keyframes rotateme {
    from { transform: none; }
    to   { transform: none; }
}

/* RGAA 13.8 — respect de la préférence système « réduire les animations » :
   neutralise animations et transitions pour les personnes sensibles au mouvement. */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
        scroll-behavior: auto !important;
    }
}