/*
 * a11y.css — correctifs d'accessibilité RGAA 4.1 sans changement visuel à la souris.
 * Chargé après style.css : lien imprimé par includes/functions/accessibility.php (hook wp_head),
 * juste après le bloc <style> d'accessibilité. Chaque lot écrit dans sa section.
 */

/* == L6 base == */
/* 10.5 : fond déclaré pour la page (rendu identique : canevas blanc par défaut). */
html,
body {
	background-color: #fff;
}

/* 10.5.3 : couleur de fond déclarée sous les bandeaux à image de fond.
   Valeur de repli blanche = rendu actuel (fond transparent sur page blanche) ; l'image et le voile la recouvrent. */
.fd-projet-header:not(.fd-bourse-hero) {
	background-color: var(--projet-color, #fff);
}
/* Les bandeaux Bourse gardent leur propre fond (.fd-bourse-hero{background-color:#1a1a1a}, bourse-public.css) :
   sans cette exclusion, la règle ci-dessus (chargée après) leur appliquait --projet-color du module Bourse. */

/* 10.7 : contour de focus clavier sur le sélecteur de langue WPLingua (le plugin le supprime). */
.wplng-switcher .wplng-language:focus-visible {
	outline: 3px solid #005fcc !important;
	outline-offset: 2px !important;
}

/* == L1 carrousel == */
/* Œuvres légendées du carrousel (figure + figcaption, RGAA 1.9) : ni marge ni retrait,
   rendu identique à l'ancien balisage en div (la remise à zéro de style.css est chargée
   en différé et n'est pas là au premier affichage). */
.fd-oeuvre-item .fd-oeuvre-figure,
.fd-oeuvre-item .fd-oeuvre-figcaption {
    display: block;
    margin: 0;
    padding: 0;
}
/* Contour de focus clavier des contrôles (pause, précédent, suivant) : contour du site.
   Spécificité 0,3,1 : prime sur « .fd-carousel-controls button:focus { outline: none } »
   de oeuvres-carousel.css, imprimé après a11y.css. Couleurs des boutons inchangées. */
.fd-oeuvres-carousel .fd-carousel-controls button:focus-visible {
    outline: 3px solid #005fcc;
    outline-offset: 2px;
}

/* == L2 visionneuse == */
/* Bouton « Fermer la visionneuse » au-delà de 768 px (display:none dans style.css) :
   focusable mais masqué visuellement, affiché seulement au focus clavier (rendu souris
   inchangé). Deux règles séparées : si :focus-visible n'est pas reconnu, seule la règle
   d'affichage est ignorée et le bouton reste masqué. */
@media (min-width: 769px) {
    #fd-lightbox-overlay .fd-lightbox-close-bottom {
        display: block;
        width: 1px;
        height: 1px;
        padding: 0;
        border: 0;
        overflow: hidden;
        white-space: nowrap;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
    }
    #fd-lightbox-overlay .fd-lightbox-close-bottom:focus-visible {
        width: auto;
        height: auto;
        padding: .5rem 1.5rem;
        border: 2px solid hsla(0, 0%, 100%, .7);
        overflow: visible;
        clip: auto;
        clip-path: none;
    }
}
/* Focus déplacé par script après un clic ou un toucher : pas de contour
   (le contour du site reste affiché au clavier). */
#fd-lightbox-overlay .fd-lightbox-close-bottom:focus:not(:focus-visible) {
    outline: none;
}

/* == L3 structure et navigation == */
/* B2-7 : presse — titre du document passé de <p> à <span> dans le <button> (HTML valide) :
   reprend ce que la balise p apportait (bloc, interligne 1,4 de la règle globale p). */
.fd-presse-accordion-header span.fd-presse-accordion-title {
	display: block;
	line-height: 1.4;
}
/* B2-1 : fiche artiste — le pied de page entre dans div#content (</div> excédentaire supprimé) :
   main#primary garde à l'intérieur les marges de son contenu, comme div#content (élément flex) le faisait. */
.single-artiste #primary {
	display: flow-root;
}
/* B2-1 : fiche artiste — « Liens » passe de h3 à h2 : rendu de l'ancien h3 reproduit
   (body:not(.wp-admin) h3 + .fd-artiste-links-container h3), styles globaux des h2 neutralisés. */
body:not(.wp-admin) .fd-artiste-links-container > h2 {
	position: relative;
	margin-bottom: .5rem;
	font-size: 2rem;
	font-weight: bold;
	line-height: normal;
}
body:not(.wp-admin) .fd-artiste-links-container > h2::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #000;
}
/* B1-5 — Déclaration d'accessibilité : liens des nouvelles sections identifiables (10.6).
   Aucune section existante ne contient de lien : rendu actuel inchangé. */
.fd-accessibility-section a {
	text-decoration: underline;
}
/* B1-4 — 404 : « EXPLORER » passe de h3 à h2 (pas de saut h1→h3). Reprend le rendu
   calculé de l'ancien h3 (body:not(.wp-admin) h3 + .error-exploration h3). */
.error-404 .error-exploration h2 {
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: .5rem;
	border-bottom: 4px solid #000;
}
/* B1-1 — Pied de page : h3→h2 et h4→h3. Les styles globaux « body:not(.wp-admin) hN »
   de style.css dépendent du nom de balise : on reproduit les valeurs calculées de
   l'ancien niveau (32px / mb 8px ; Contact 19,2px / mt 16px / mb 0). */
.footer-desperados h2.footer-title,
.footer-desperados h2.footer-social-title {
	font-size: 2rem;
	margin-bottom: .5rem;
}
.footer-desperados .footer-contact h3 {
	font-size: 1.2rem;
	margin-top: 1rem;
	margin-bottom: 0;
}

/* == L4 liens == */

/* == L5 images == */
/* RGAA 1.9 : images légendées en <figure>/<figcaption>, classes d'origine conservées.
   :where() = spécificité nulle : neutralise les marges et retraits du navigateur (premier affichage,
   critical.css n'ayant pas de remise à zéro de figure) sans l'emporter sur les règles de classe
   existantes, par exemple .fd-fondation-logo{padding:.5rem;margin:0 auto} en mobile. */
:where(figure.image-with-credit, figure.fd-fondation-logo, figcaption.artwork-credit, figcaption.fd-fondation-logo-credit) {
    margin: 0;
    padding: 0;
}

/* == L7 composants == */
/* B2-8 : FAQ Fondation — bouton natif dans le h3 : rendu identique à l'ancien texte du h3.
   Remise à zéro propriété par propriété ; aucune déclaration outline (le contour de focus global s'applique). */
.fd-fondation-faq-question h3 > .fd-fondation-faq-button {
	-webkit-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	font: inherit;
	color: inherit;
	letter-spacing: inherit;
	word-spacing: inherit;
	text-transform: inherit;
	text-indent: inherit;
	text-align: inherit;
	white-space: inherit;
	cursor: inherit;
}

/* == L8 formulaire Bourse == */
/* Zone de dépôt de fichier : <div class="fd-upload"> au lieu de <label>.
   Même curseur que l'ancien label, et même contour quand le champ fichier a le
   focus (reprend « .fd-bourse-form label:focus-within » de bourse-public.css). */
.fd-upload{cursor:default}
.fd-bourse-form .fd-upload:has(input[type="file"]:focus){outline:3px solid #0066cc;outline-offset:2px}
/* « retirer » : <button> au lieu de <span>. Neutralise le style natif pour un
   rendu identique ; taille, graisse, couleur, soulignement, curseur et
   affichage restent ceux de .fd-upload__remove (bourse-public.css). */
.fd-upload__remove{-webkit-appearance:none;appearance:none;margin:0;padding:0;border:0;border-radius:0;background:none;font-family:inherit;font-style:inherit;line-height:inherit;letter-spacing:inherit;word-spacing:inherit;text-transform:inherit;text-align:inherit;text-indent:0;text-shadow:inherit}
/* Pas de contour au clic souris (le thème en pose un sur *:focus, en ligne dans
   accessibility.php) ; le contour clavier de .fd-bourse-form button:focus-visible reste. */
.fd-upload__remove:focus:not(:focus-visible){outline:none}
/* Stepper : chaque étape est un <a> (au lieu du texte nu du <li>), même rendu
   (couleur héritée du li, sans soulignement : règle « a » du thème). Pas de
   contour au clic souris ; contour clavier de .fd-bourse-form a:focus-visible conservé. */
.fd-bourse-form__step-link{display:block}
.fd-bourse-form__step-link:focus:not(:focus-visible){outline:none}