/* =====================================================================
   Polissage design — 03/10/2026 (FLY LAB)
   Couche chargée APRÈS style.css et legal.css : aucune règle d'origine
   n'est modifiée. Retirer ce fichier (et son <link>) = retour exact.
   Identité inchangée : mêmes couleurs, mêmes polices, mêmes textes.
   ===================================================================== */

/* 1. Titres en écriture (Pinyon) : l'apostrophe laissait un blanc, « d’ un massage » */
.apo{margin-right:-.17em}

/* 2. Lisibilité : plus aucun texte courant sous 13 px */
.hero-faits span{font-size:.85rem}
.elements small{font-size:.86rem;line-height:1.4}
.rdv-note{font-size:.86rem;line-height:1.5}
.pied-b{font-size:.84rem}
.petite{font-size:.9rem}
.oeil{font-size:.76rem}
.calendly-entete{font-size:.72rem}
/* soins ciblés : style.css descendait à 11,8 px sur téléphone ; on garde 13 px et des lignes serrées */
@media (max-width:420px){
  .cibles-liste span{display:block;font-size:.82rem;line-height:1.3;text-wrap:balance}
}

/* 3. Cibles tactiles : les liens « Réserver ce soin » faisaient 31 px de haut.
      Zone de clic agrandie à 44 px sans changer le dessin du lien. */
.lien-fl{position:relative}
.lien-fl::before{content:"";position:absolute;inset:-8px -6px -6px}
@media (max-width:760px){
  /* pied de page : liens de 19 px → 40 px, soulignement conservé */
  .pied-bloc p:has(> a){margin:0}
  .pied-bloc a{display:inline-block;padding:.62rem 0;border-bottom:0;text-decoration:underline;
    text-decoration-color:rgba(247,241,230,.3);text-decoration-thickness:1px;text-underline-offset:4px}
  .pied-bloc a:hover{text-decoration-color:var(--or)}
}

/* 4. Boutons du haut sur téléphone : même largeur, alignés */
@media (max-width:480px){
  .hero-ctas{gap:.6rem}
  .hero-ctas .btn{flex:1 1 100%}
}

/* 5. Barre « Appeler / Rendez-vous » : cachée tant que les boutons du haut sont
      à l'écran (classe posée par polish-0310.js ; sans JS, rien ne change). */
@media (max-width:760px){
  .barre-auto .barre-mob{transform:translateY(115%);visibility:hidden;
    transition:transform .45s var(--e),visibility 0s linear .45s}
  .barre-auto .barre-mob.est-visible{transform:none;visibility:visible;
    transition:transform .45s var(--e),visibility 0s}
}

/* 6. Galerie : alignée sur la largeur du site, rangées pleines (20 photos) */
.galerie{max-width:var(--max);margin-inline:auto;padding-inline:clamp(16px,3.4vw,30px);gap:.6rem}
@media (min-width:901px){ .galerie{grid-template-columns:repeat(5,1fr)} }
@media (min-width:600px) and (max-width:900px){ .galerie{grid-template-columns:repeat(4,1fr)} }
@media (max-width:599px){
  .galerie{grid-template-columns:repeat(2,1fr)}
  .galerie-repliee .g-i:nth-child(n+9){display:none}
}
.galerie-suite{display:none}
@media (max-width:599px){
  .galerie-repliee + .galerie-suite{display:flex;justify-content:center;margin-top:1.3rem;padding-inline:16px}
  .galerie-suite .btn{min-height:48px;padding-inline:1.6rem}
}

/* 7. Mur Instagram (ordinateur) : il restait des cases vides dans la mosaïque */
.ig-mur{grid-auto-flow:dense}

/* 8. Focus clavier visible sur les fonds verts et sombres (vert sur vert avant) */
.rdv-scene :focus-visible,.sec-fond :focus-visible,.instagram-scene :focus-visible,
.bandeau-scene :focus-visible,.pied :focus-visible,.boite :focus-visible{outline-color:var(--or-clair)}

/* 9. Pages légales et 404 */
/* le bouton « Revenir à l’accueil » de la 404 était vert sur vert (texte invisible) */
.lg a.btn-p{color:var(--creme-2)}
.lg a.btn-p:hover{color:var(--creme-2)}
/* sommaire des mentions : pastilles plus faciles à toucher */
.lg-som a{padding:.45rem .8rem}
/* en-tête : le bouton « Retour au site » passait seul sur une deuxième ligne */
@media (max-width:480px){
  .lg-in{flex-wrap:nowrap;gap:.6rem}
  .lg-tete .btn{padding:.55rem .85rem;font-size:.84rem;white-space:nowrap;flex:0 0 auto}
  .lg-tete .marque{min-width:0}
}