/* ============================================================================
   CF MOTO — habillage relevé sur cf-moto.fr le 2026-09-06.
   Codes du constructeur : barre sombre pleine largeur, wordmark à gauche, titre de
   couverture en ITALIQUE GRAS aligné à gauche, boutons à filet fin et angles droits,
   turquoise #009db7 en signal, grandes respirations blanches et texte fantôme.
   ========================================================================= */
:root{ --cf-noir:#050505; --cf-fonce:#001a21; }

.cf-tete{position:sticky;top:0;z-index:90;background:var(--cf-noir)}
.cf-in{max-width:1400px;margin:0 auto;padding:0 22px;display:flex;align-items:center;
  gap:34px;min-height:70px}
.cf-logo img{height:26px;width:auto}
.cf-liens{display:flex;gap:26px;flex:1}
.cf-liens a{color:#fefefe;font-size:15px;font-weight:500;padding:4px 0;
  border-bottom:2px solid transparent}
.cf-liens a:hover,.cf-liens a.on{border-bottom-color:var(--accent)}
.cf-droite{display:flex;align-items:center;gap:20px}
.cf-essai{color:#fefefe;font-size:14px;border:1px solid rgba(254,254,254,.55);padding:10px 16px;
  border-radius:2px}
.cf-essai:hover{background:var(--accent);border-color:var(--accent)}
.cf-tel{color:#c5c6c6;font-size:14px}
.cf-tel:hover{color:#fff}
.cf-burger{display:none;background:none;border:0;color:#fff;font-size:24px;cursor:pointer}

/* couverture : titre ITALIQUE GRAS à gauche, comme « CFMOTO FRANCE » sur leur accueil */
.couverture{padding-top:0}
.couverture.banniere-page{padding-top:0}
.couverture .in{bottom:auto;top:50%;transform:translateY(-50%);padding-bottom:0}
.couverture .nom-dist{font-style:italic;font-weight:800;letter-spacing:-.01em;
  font-size:clamp(34px,5.6vw,74px)}
.cv-ey{color:#fff;font-size:15px;margin-bottom:10px;opacity:.9}
.cv-cta{margin-top:24px;background:transparent;border:1px solid rgba(255,255,255,.7);
  box-shadow:none;background-image:none}
.cv-cta:hover{background:var(--accent);border-color:var(--accent)}
.couverture .chevron{display:none}

/* sections : titres gras, pas de capitales, filets discrets */
.sec-titre span{font-weight:700;font-size:clamp(22px,3vw,38px);letter-spacing:-.02em;
  text-transform:none;color:var(--encre)}
.sec-titre::before,.sec-titre::after{display:none}
.vo,.mod,.conc .c,.banniere,.btn{border-radius:2px}

/* signature de bas de page : texte fantôme, repris de « Experience More Together » */
.cf-signature{background:#fff;padding:70px 0 60px;position:relative;overflow:hidden}
.cf-signature .wrap-l{display:flex;gap:40px;align-items:center;flex-wrap:wrap}
.cf-ghost{font-size:clamp(38px,7vw,86px);font-weight:700;font-style:italic;color:#f0f0f0;
  line-height:1;flex:1;min-width:260px}
.cf-signature p{flex:1;min-width:260px;font-size:17px;line-height:1.7;color:var(--encre2);margin:0}

.cf-pied{background:var(--cf-fonce);color:#dfe7e9;padding:54px 0 26px}
.cf-pied-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.cf-pied-marque img{height:26px;width:auto;margin-bottom:14px;filter:brightness(0) invert(1)}
.cf-pied-marque p{font-size:14px;color:#9fb3b8;margin:0}
.cf-pied h4{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-bottom:12px}
.cf-pied a{display:block;color:#9fb3b8;font-size:14px;padding:4px 0}
.cf-pied a:hover{color:var(--accent-clair)}
.cf-pied-bas{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;
  border-top:1px solid #06323c;margin-top:34px;padding-top:18px;font-size:12.5px;color:#7d949a}
.cf-pied-bas a{display:inline;margin-left:18px}

.cf-tiroir{position:fixed;inset:0;background:var(--cf-noir);z-index:95;overflow-y:auto;
  padding:84px 26px 40px;display:flex;flex-direction:column}
.cf-tiroir a{color:#fff;font-size:18px;padding:15px 0;border-bottom:1px solid #1b1b1b}
.cf-tiroir .cf-essai{text-align:center;margin-top:18px;border:1px solid var(--accent)}

@media (max-width:900px){
  .cf-liens,.cf-droite{display:none}
  .cf-burger{display:block;margin-left:auto}
  .cf-pied-cols{grid-template-columns:1fr 1fr}
}