/* Taille de l'affichage sur téléphone — logique et raisons dans assets/view-zoom.js.
   Rien ne s'applique au-delà de 640 px (hors téléphone couché), ni sans le script (attribut data-vz absent). */
.axdia-vz{display:none}
@media (max-width:640px),(pointer:coarse) and (max-height:480px){
  /* Région de contenu seulement : en-têtes, menus, dialogues hors contenu et ce réglage restent à 100 %. */
  html[data-vz] :is(main,body>footer){zoom:var(--vz)}
  /* Planchers de lisibilité (texte 12 px, champs 16 px, cibles 24 px rendus) : assets/view-zoom-floor-<surface>.css,
     générés par tools/build-view-zoom-floor.mjs et chargés après toutes les autres feuilles. */
  /* Contenu dessiné après le premier affichage (liste de la Toolbox, vues de l'espace client) : à 70 %, le pied de page
     et les blocs du bas entraient dans le premier écran, puis étaient repoussés (CLS 0,17 mesuré le 14 octobre 2026).
     Le contenu occupe au moins un écran, comme à 100 %, et la place des éléments remplis par script est réservée. */
  html[data-vz] main{min-height:calc(100dvh * var(--vz-inv))}
  html[data-vz] #categoryChips:empty{min-height:calc(46px * var(--vz-inv))}
  html[data-vz] #gridSubtitle:empty{min-height:calc(18px * var(--vz-inv))}
  /* Étapes de Website Factory dans l'espace client : 32 px rendus, la hauteur que le produit garantit au doigt. */
  html[data-vz] .wf-stepper button{min-height:calc(32px * var(--vz-inv))}
  /* Barre collée sous l'en-tête (70 px non zoomés) : son décalage reste celui de l'en-tête. */
  html[data-vz] .public-shell .lib-toolbar{top:calc(70px * var(--vz-inv))}
  /* Titres-liens des cartes (« Outils similaires », page 404…) : à 70 %, le texte rendu à 12 px laissait 20 px au doigt.
     Le retrait vertical d'un lien en ligne ne déplace rien ; il suit l'échelle : 24 px rendus au moins (AXS-003). */
  html[data-vz] .public-shell .feature-item h3 a{padding-block:calc(4.5px * var(--vz-inv))}
  /* Éditeur Website Factory en plein écran : édition directe et aperçu à l'échelle réelle. */
  html[data-vz] [data-wf-editor]{zoom:var(--vz-inv)}

  .axdia-vz{display:block;position:fixed;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:840;
    font:600 14px/1.25 var(--axdia-ui,Inter,system-ui,sans-serif);color:var(--axdia-text,#f4eee8)}
  /* Au-dessus du bouton « Gérer mes cookies » (44 px, en bas à droite des pages publiques), sans mesure par script. */
  body:has(> .axdia-consent-manage) .axdia-vz{bottom:calc(64px + env(safe-area-inset-bottom,0px))}
  .axdia-vz-toggle{display:inline-flex;align-items:center;gap:6px;min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--axdia-border-strong,#59473b);
    border-radius:999px;background:var(--axdia-panel,#201a16);color:inherit;font:inherit;box-shadow:0 8px 24px rgba(0,0,0,.28);cursor:pointer}
  .axdia-vz-aa{font-size:15px;letter-spacing:-.02em}
  .axdia-vz-short{font-size:13px;color:var(--axdia-muted,#c9bdb3);font-variant-numeric:tabular-nums}
  .axdia-vz-panel{position:absolute;right:0;bottom:calc(100% + 8px);width:min(264px,calc(100vw - 24px));padding:14px;border:1px solid var(--axdia-border-strong,#59473b);
    border-radius:16px;background:var(--axdia-panel,#201a16);box-shadow:0 18px 50px rgba(0,0,0,.4)}
  .axdia-vz-panel[hidden]{display:none}
  .axdia-vz-title{margin:0 0 10px;font-size:14px}
  .axdia-vz-row{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:8px}
  .axdia-vz-btn,.axdia-vz-reset{min-height:44px;border:1px solid var(--axdia-border-strong,#59473b);border-radius:12px;background:var(--axdia-panel-raised,#2a221d);color:inherit;font:inherit;cursor:pointer}
  .axdia-vz-btn{font-size:22px;line-height:1}
  .axdia-vz-value{text-align:center;font-size:17px;font-variant-numeric:tabular-nums}
  .axdia-vz-reset{width:100%;margin-top:10px;font-size:14px}
  .axdia-vz [aria-disabled=true]{opacity:.45;cursor:default}
  .axdia-vz-note{margin:10px 0 0;font-size:12px;font-weight:400;line-height:1.45;color:var(--axdia-muted,#c9bdb3)}
  .axdia-vz button:focus-visible{outline:3px solid var(--axdia-focus,#e89272);outline-offset:2px}
  html[data-theme=light] .axdia-vz{color:#201b17}
  html[data-theme=light] .axdia-vz-toggle,html[data-theme=light] .axdia-vz-panel{background:#fffdfa;border-color:#c6b5a5;box-shadow:0 10px 30px rgba(78,54,35,.18)}
  html[data-theme=light] :is(.axdia-vz-btn,.axdia-vz-reset){background:#f7f0e8;border-color:#c6b5a5}
  html[data-theme=light] :is(.axdia-vz-short,.axdia-vz-note){color:#61574f}
  html[data-theme=light] .axdia-vz button:focus-visible{outline-color:#9e3e21}
}
@media print{.axdia-vz{display:none!important}html[data-vz] :is(main,body>footer){zoom:1}}