/* ═══ Polissage design — 03/10/2026 (FLY LAB) ═══════════════════════════════
   Chargée APRÈS les feuilles existantes. Ne change ni la charte (couleurs,
   polices, monogramme) ni les textes : elle corrige des finitions mesurées
   à 390 et 1280 px. Chaque bloc dit ce qu'il répare. */

/* 1 · Galerie — « Je veux la même chose » : une ancienne règle `.galgrid span`
       (légende posée sur la photo) plaquait le libellé en absolu par-dessus le
       bouton : texte blanc, icône « + » coincée sous les lettres, libellé coupé
       (« JE VEUX LA MÊME CH… ») et 9,9 px sur téléphone. On rend au libellé sa
       place prévue (vert, centré à côté du « + », sombre sur vert une fois choisi). */
.galgrid .galcard__pick span{position:static;left:auto;right:auto;bottom:auto;padding:0;
  background:none;color:inherit;font-size:inherit;font-weight:inherit;text-align:center}
@media (max-width:640px){
  .galgrid .galcard__pick{font-size:.7rem;letter-spacing:.02em;line-height:1.2;
    padding:8px 8px;min-height:44px}
  .galcard__pick span{white-space:normal;overflow:visible;text-overflow:clip;text-align:center}
}

/* 2 · Cartes « Ce que nous fabriquons » — sur téléphone, une hauteur minimale
       de 410 px laissait un trou vide sous chaque texte (≈ 60 px × 9 cartes). */
@media (max-width:600px){
  .metier{min-height:0}
  .metier p{flex:0 0 auto}
  .metier__go{margin-top:16px;font-size:.72rem;letter-spacing:.14em}
}

/* 3 · Pied de page — le monogramme « artip » et « COMMUNICATION » se
       chevauchaient : même composition que dans l'en-tête (mot dessous). */
.ft .ft__mark{flex-wrap:wrap;align-items:flex-end}
.ft .ft__mark small{flex-basis:100%;margin-top:7px;font-size:.46em;letter-spacing:.34em;line-height:1}

/* 4 · Pied de page — les adresses sortaient en 15,7 px blanc, les liens voisins
       en 12,2 px gris : une seule taille, une seule couleur. */
.ft li{font-size:var(--t-pet);color:var(--gris-clair);line-height:1.5}
/* (contrôle 03/10) sur téléphone : le texte des liens du pied de page a rétréci,
   on garde la même rangée tactile qu'avant (≈ 36 px d'un lien au suivant). */
@media (max-width:900px){
  .ft li{margin-bottom:10px}
  .ft li a{display:inline-block;padding-block:4px}
  .ft li:not(:has(a)){padding-block:4px}
}

/* 5 · Barre « Demander un devis » (mobile) et bouton flottant (ordinateur) :
       ils s'effacent quand le formulaire, l'adresse ou le pied de page sont à
       l'écran (ils recouvraient les champs et doublaient le bouton d'envoi). */
.barre.barre--cache,.barre.on.barre--cache{transform:translateY(180%);pointer-events:none}
.flot.flot--cache,.flot.on.flot--cache{opacity:0;transform:translateY(140%);pointer-events:none}

/* 6 · Langues FR/EN/ES/DE — 27 × 22 px au doigt : zone tactile agrandie à
       36 px de haut sans rien changer au dessin (WCAG 2.5.8). */
.lang a{position:relative}
.lang a::before{content:'';position:absolute;left:-1px;right:-1px;top:-7px;bottom:-7px}

/* 7 · Lien d'évitement clavier « Aller au contenu » (posé par polish-0310.js). */
.evite{position:fixed;left:12px;top:-80px;z-index:2000;padding:12px 18px;border-radius:12px;
  background:var(--vert-vif);color:#0E120D;font-weight:700;font-size:.9rem;
  transition:top .2s}
.evite:focus{top:12px}
main:focus{outline:none}