/* accessibilite-0710 07/10 (EX-065): contrast of small text and visible focus, nothing else changes.
   Measured with axe-core 4.11 (scripts/accessibilite-0710/axe.mjs). Ratios on the page backgrounds
   #efeeea, #e4e2dc, #e6e5e8, #fafaf8 (before -> after): */

/* Grey text 4.19 -> 4.95 minimum, bronze text 3.95 -> 4.92 minimum, green 4.14 -> 4.67 minimum. Same hues, a little darker. */
html:root { --feutre: #5c5f64; --bleu: #7a5a0a; --vert-ok: #4d6a48; --ms-feutre: #5c5f64; --ms-bronze: #7a5a0a; }
html body .fiche.ft, html body .im, html body .ia { --bronze: #7a5a0a; }

/* Price reading date: inherits its line's colour at 72 % opacity (2.6 to 2.98): full colour now. */
html body .d07-releve { opacity: 1; }

/* Footer price note on anthracite 3.82 -> 5.88. Footer « en savoir plus » link told apart without colour. */
html body .pied__prix { color: rgba(239, 238, 234, 0.62); }
html body .pied__mentions p a { text-decoration: underline; text-underline-offset: 2px; }

/* Focus: the mustard ring (1.9:1 on the page) gets a dark ring between it and the element (12.9:1), keyboard focus only. */
html body :focus-visible, html body .quiz__reponse input:focus-visible + span, html body .calc__mode input:focus-visible + span { box-shadow: 0 0 0 2px #25272b !important; }
html body .bouton-recherche:focus-visible, html body .entete-projet:focus-visible { outline: 3px solid var(--moutarde, #d6a62b); outline-offset: 2px; }
html body .projet__saisie input:focus-visible, html body .pcote__cote input:focus-visible, html body .dz-outil__champ input:focus-visible { outline: 3px solid var(--moutarde, #d6a62b); outline-offset: 2px; }

/* Desktop menu closed with Escape while it holds the focus (assets/js/accessibilite-0710.js), until focus leaves it. */
html body .nav-groupe.ac07-ferme:not(.est-ouvert) > .nav-groupe__liste { opacity: 0; visibility: hidden; }

/* Text for screen readers only (merchant name after « Voir », same rule as .visuellement-cache). */
.ac07-chez { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; margin: -1px; }

/* A focused element is never left under the sticky header nor, on phones, under the fixed bottom bars (merchant bar,
   « On préfère », comparator). Zero specificity: every existing scroll-margin (anchors) still wins. */
:where(a[href], button, input, select, textarea, summary, [tabindex]) { scroll-margin-top: calc(var(--haut-entete, 72px) + 12px); }
@media (max-width: 900px) {
  :where(a[href], button, input, select, textarea, summary, [tabindex]) { scroll-margin-bottom: calc(110px + env(safe-area-inset-bottom, 0px)); }
}