/* The Depot · perf.css · qualite mesuree (Lighthouse 13.5, axe-core 4.x)
   A lier APRES quality.css, en dernier.
   Mesures du 5 novembre 2026 sur https://thedepot.clixite-prod.cloud :

   CLS
   0 sur /, /catalogue/, /p/etui-1-fles-avana/, /studio/ et /pro/ (Lighthouse 13.5).
   Les <img> du build ont toutes width + height, aucun saut d'image mesure.
   On ne reserve donc aucun espace a l'aveugle : une reserve fausse cree le CLS
   qu'elle pretend eviter.

   POLICES
   font-display:swap deja pose sur les 14 @font-face (fonts.css).
   3 preloads presents dans partials/layout.html : archivo latin, archivo latin-ext,
   instrument serif italique.
   Le preload archivo-latin-ext (84 Ko) est inutile : les seuls caracteres non ASCII
   rendus par le site sont U+00A9, U+00B7, U+00CB, U+00D7, U+00E8, U+00E9, U+00EB,
   U+202F, U+20AC, tous couverts par le sous-ensemble latin (U+0000-00FF, U+2000-206F,
   U+20AC). A retirer dans partials/layout.html : 84 Ko et un aller-retour en moins
   sur chaque page mobile. Le sous-ensemble ext reste declare : il ne sera telecharge que
   si un glyphe hors latin est reellement rendu.

   IMAGES
   Aucune image sans dimensions dans les pages auditees (0/14 sur /, 0/26 sur
   /catalogue/, 0/5 sur la fiche). On conserve le ratio natif et on interdit la
   deformation par hauteur imposee.

   ACCESSIBILITE (axe-core, WCAG 2.2 AA + best-practice)
   /catalogue/ mesurait 116 noeuds target-size (boutons +/- de quantite a 20 x 28 px).
   /pro/ mesurait 3 a 6 noeuds color-contrast sur le portail de demonstration
   (opacites 0,45 a 0,5 sur fond Encre : 3,85 a 4,38:1 pour un seuil de 4,5:1).
   Les deux sont corriges ici, sans toucher au reste du design.
*/

/* 1 · CLS : la barre de defilement ne disparait pas quand une couche s'ouvre */
html{scrollbar-gutter:stable}

/* 2 · ratios natifs : jamais de deformation ni de saut si une hauteur est imposee */
img,video{max-width:100%;height:auto}

/* 3 · pas de faux-gras pendant le swap de police (evite un reflow de ligne) */
body{font-synthesis:none}

/* 4 · cibles tactiles WCAG 2.2 AA (2.5.8), boutons de quantite du catalogue.
   24 x 28 px : le minimum WCAG, sans elargir la barre d'action de la carte
   (44 px tronquait le bouton VOEG TOE sur mobile). */
.td-cat-qty button{min-width:24px;min-height:28px}

/* 5 · contrastes mesures sur /pro/ : on annule les opacites fautives,
     la couleur du texte reste Couché sur Encre */
.td-portal__demo,
.td-portal__logout,
.td-portal__panelhead span:last-child,
.td-portal__track li,
.td-portal__track li span:last-child{opacity:1}

/* 6 · libelles mono de 10 a 13 px sur fond Encre : un peu plus d'air */
.td-portal__demo,
.td-portal__logout,
.td-portal__panelhead span:last-child{letter-spacing:.06em}