/* FAMEEN GROUP — correctifs UX/UI (audit) chargés en dernier.
   Fichier au CHEMIN neuf pour contourner le cache Brotli périmé du CDN LWS
   (qui met en cache pages.css/styles.css par chemin, en ignorant ?ver). */

/* 1) Formulaire de contact : autoriser la grille à rétrécir sous le min-content
      (corrige le débordement/coupure sur mobile). */
.ct-layout,
.ct-layout > *,
.contact-form,
.contact-form .row,
.contact-form .field,
.contact-form .input-ic { min-width: 0; }
.contact-form input,
.contact-form select,
.contact-form textarea { box-sizing: border-box; max-width: 100%; }

/* 2) Labels des chiffres clés : gris ardoise lisible au lieu du lavande délavé. */
.stats .lbl { color: var(--muted); }

/* 3) Eyebrows sur fond clair : doré profond, plus lisible (toujours dans la charte). */
.eyebrow { color: var(--orange-deep); }
/* Zone de contenu principal : cible du lien d'évitement, sans contour au focus programmatique. */
.fg-main{display:block}
.fg-main:focus{outline:none}
/* Pied de page : texte bleu sur les boutons dorés (le gris-bleu hérité était illisible, contraste ~1,1:1). */
.site-footer .btn-orange,.site-footer .btn-orange:hover{color:var(--navy)}

/* ==========================================================================
   Corrections de l'audit UX/UI & marque du 05/10/2026
   ========================================================================== */
/* M1 — Logo de l'en-tête : couleurs d'origine, pas d'effet de survol de carrousel */
.site-header .logo,.site-header .logo:hover{filter:none;opacity:1;transform:none}

/* M2 — Or en texte sur fond clair : « or texte » lisible (4,95:1) ; l'or officiel reste pour fonds, traits, icônes */
.more,.post-link,.card-link,.fg-rmore,.fx-case-more,.fgc-card-more,.fg-plink,.plink,.req,.role,.tl-year,.sol-tag,.pcat,.fg-pcat,.fx-case-b em,.work-card .cat{color:var(--gold-text)}
.more:hover,.post-link:hover,.card-link:hover{color:var(--navy)}
.fx-testi-stars,.fg-testi-stars{color:var(--gold-text)}
/* Chiffres clés : grands caractères, seuil 3:1 → or foncé de la charte */
.stat .num{color:var(--gold-large)}
/* Texte sur le bloc doré de l'appel final : bleu nuit (5,4:1) */
.final p{color:var(--navy)}
/* Rôles des témoignages : gris lisible */
.fg-testi-id i,.fx-testi-id i{color:var(--muted)}
/* Sur fond bleu nuit, l'or officiel reste la bonne couleur de texte */
.page-hero .eyebrow,.stats .eyebrow,.final .eyebrow,.site-footer .footer-title{color:var(--orange)}

/* M3 — Une seule forme de bouton : la pilule */
.fgh-hero .fgh-btn{border-radius:999px}

/* M4 — Les boutons et champs de formulaire prennent la police de la marque */
button,input,select,textarea{font-family:inherit}

/* I1 — Aucun texte informatif sous 12 px */
.fg-rtag,.post-cat,.post-date,.wz-lbl,.fg-rcount,.fx-case-b em,.fgh-hero .fgh-tt small,.fgh-hero .fgh-live,.fgh-hero .fgh-cap{font-size:12px}

/* U3 — Cibles tactiles d'au moins 44 px */
.burger{width:44px;height:44px;align-items:center;justify-content:center;padding:0;margin-right:-9px}
.socials a{width:44px;height:44px}
.more,.post-link,.card-link{padding-block:11px;margin-block:-11px}
@media (max-width:680px){
  .nav a{min-height:44px;display:flex;align-items:center}
  .topbar-right a{width:44px;height:44px}
}

/* M5 — Vignettes « Site internet » : cadrage sur la maquette plutôt que sur le bandeau commun */
.fg-rcard[data-cats^="Site internet"] .fg-rthumb img{object-position:50% 60%}
/* U2 — Pied de page : liens secondaires sous l'action principale */
.footer-more{margin:10px 0 0;font-size:.88rem;color:var(--on-dark-muted);display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.footer-more a{color:#fff;text-decoration:underline;text-underline-offset:3px;display:inline-block;padding-block:11px;margin-block:-11px}
.footer-more a:hover,.footer-more a:focus-visible{color:var(--orange)}
/* M4 — Coches des offres Fameen Business : icône du site à la place du caractère « ✔ » */
.fg-li-check{display:inline-flex;width:15px;height:15px;margin-right:7px;vertical-align:-2px;color:var(--orange)}
.fg-li-check svg{width:100%;height:100%}
/* I2 — Atouts non cliquables présentés sans cadre : la carte reste réservée à ce qui se clique */
.fg-plain .feature,.fg-plain .why-card{background:none;border:0;box-shadow:none;padding:4px 6px;text-align:left}
.fg-plain .feature:hover,.fg-plain .why-card:hover,.fg-plain .feature:focus-within,.fg-plain .why-card:focus-within{transform:none;box-shadow:none}
.fg-plain .why-card::before{display:none}
.fg-plain .ic{margin-bottom:14px}
.fg-plain .why-card .ic{margin-left:0;margin-right:0}
.fg-plain{border-top:1px solid var(--line);padding-top:30px}
/* U1 — « Pourquoi nous » et méthode réunis */
.fg-method-title{font-size:clamp(1.2rem,2vw,1.5rem);color:var(--navy);text-align:center;margin:56px auto 26px}
/* Contrastes restants (2e passe de l'audit) */
.stats .num,.stats .stat .num{color:var(--gold-large)}           /* chiffres sur cartes blanches */
.card .more{color:var(--gold-text)}
.card .more:hover{color:var(--navy)}
.erp-visual .small{color:var(--orange)}                           /* libellé sur fond bleu nuit */
.cta-band p{color:var(--navy)}
.fx-testi-stars,.fg-testi-stars{color:var(--gold-text)}
.qbtn-wa,.qbtn-wa:hover{color:#0B3B26}                              /* texte foncé sur le vert WhatsApp (6,3:1) */
.qbtn-wa [data-ico] svg{color:#0B3B26}
/* Étiquettes du portfolio : la feuille portfolio est chargée après celle-ci */
.fg-rcard .fg-rtag{font-size:12px}
/* Liens du pied de page et fil d'Ariane : zone tactile agrandie sans changer la mise en page */
.site-footer .footer-col a,.breadcrumb a{display:inline-block;padding-block:11px;margin-block:-11px}
.qbtn-wa b,.qbtn-wa small{color:#0B3B26}
@media (max-width:680px){.fg-rbtn,.filter-btn{min-height:44px}}