/* ALLO212 V285 — FINITIONS : lues en dernier sur toutes les pages (couche premium).
   Une règle = un défaut constaté au contrôle complet du 30/10/2026 (338 captures, téléphone + ordinateur). */

/* 1. Onglets « Sur cette page » (blog, guides, villes, MRE, plateforme IA) :
      l'onglet actif était blanc sur pastille blanche (invisible), les autres gris foncé sur bleu nuit. */
html body .v190-tabs-in{background:rgba(16,22,40,.94)!important;border-color:rgba(255,255,255,.08)!important}
html body .v190-ind{background:linear-gradient(120deg,#FF7A2E,#E8400C)!important;box-shadow:0 6px 16px -6px rgba(232,64,12,.7)!important}
html body .v190-tabs a{color:rgba(255,255,255,.82)!important;-webkit-text-fill-color:rgba(255,255,255,.82)!important;font-weight:700!important}
html body .v190-tabs a.on{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body .v190-tabs{background:transparent!important}

/* 2. Textes coupés au milieu d'une phrase (pages 212 : intro, sous-titres des cartes) */
@media (max-width:760px){
  html body .c2-lead{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;max-height:none!important}
  html body .c2-c small{white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-overflow:clip!important}
}

/* 3. Boutons flottants : « + Publier » devient un rond compact (il couvrait « Rechercher », « Envoyer ma demande »…),
      ils disparaissent pendant la saisie et sur les pages de formulaire (classe posée par a212-v285-finitions.js). */
@media (max-width:760px){
  html body .mb-fab{width:52px!important;height:52px!important;padding:0!important;border-radius:50%!important;justify-content:center!important;gap:0!important}
  html body .mb-fab span{display:none!important}
  html body .mb-fab svg{width:24px!important;height:24px!important}
  html body .as-fab{bottom:calc(158px + env(safe-area-inset-bottom,0px))!important}
  html body .as-fab, html body .mb-fab{transition:opacity .25s,transform .25s!important}
  html.v285-cache .mb-fab, html.v285-form .mb-fab{opacity:0!important;transform:translateY(20px) scale(.8)!important;pointer-events:none!important}
  html.v285-saisie .mb-fab, html.v285-saisie .as-fab, html.v285-saisie #ecr270{opacity:0!important;pointer-events:none!important}
  /* bouton « Petit écran 212 » (seulement sur les appareils du Centre de pilotage) : à gauche, au-dessus de la barre du bas */
  html body #ecr270{left:10px!important;right:auto!important;bottom:calc(100px + env(safe-area-inset-bottom,0px))!important;padding:8px 10px!important;border-radius:14px!important}
  html body #ecr270 small{display:none!important}
}

/* 4. Annuaire (cartes des pros) : textes de 7 à 10 px, illisibles sur téléphone */
html body .page-subtitle{font-size:13px!important;color:#6B7280!important}
html body .results-count{font-size:12px!important}
html body .meta-box small{font-size:11px!important;color:#7A818C!important}
html body .meta-box b{font-size:13px!important}
html body .company-actions .action-contact{font-size:14px!important;min-width:120px!important;padding:0 16px!important;white-space:nowrap!important}
html body .company-actions a{font-size:13px!important}

/* 5. Petits textes sous 11 px (devise du logo, libellés) */
html body .a-brand small{font-size:11px!important;letter-spacing:0!important}

/* 6. Pilotage › Santé 212 : le tableau débordait de la page sur ordinateur */
html body.pm-admin table, html body .ap-main table{max-width:100%}
html body .ap-main .table-wrap, html body .ap-main section{overflow-x:auto}

@media (prefers-reduced-motion:reduce){html body .mb-fab,html body .as-fab{transition:none!important}}