/* Accueil Cabriio FR (/) et EN (/english/), en complement de style.css */
/* DA historique Cabriio : noir + logo script rouge (Alex Brush, sosie libre de Vladimir Script) */
@font-face { font-family: 'Alex Brush'; font-style: normal; font-weight: 400; font-display: swap;
  src: url("/assets/alex-brush-latin.woff2") format('woff2'); }
:root { --cab-red: #e00000; --tt-green: #35dc45; }
.site-header { background: #000; border-bottom-color: #1b1b1b; }
.cab-logo { font: 42px/1 'Alex Brush', cursive; color: #f00; text-decoration: none !important; }
.nav__end { display: flex; align-items: center; gap: 18px; }
.lang-link { color: #c6c6c6; font-weight: 700; font-size: 15px; }
.tt-logo img { display: block; height: 48px; width: auto; background: var(--tt-green); border-radius: 8px; }
.tt-logo--section img { height: 72px; margin: 0 auto 20px; border-radius: 12px; }
.home-banner { display: block; width: 100%; height: clamp(220px, 38vw, 460px); object-fit: cover;
  object-position: center 40%; background: #000; }
.hero { background: #000; color: #fff; }
.hero .hero__tag { background: #1b1b1b; color: #c6c6c6; }
.hero .lead { color: #c6c6c6; }
.btn--green { background: var(--tt-green); color: #172a20; }
.btn--outline { background: transparent; color: var(--cab-red); border: 2px solid var(--cab-red); box-shadow: none; }
.btn--ghost { background: transparent; color: var(--muted); border-color: var(--muted); box-shadow: none; }
.hero__vtc { margin: 28px 0 0; font-size: 15px; color: #919191; }
.hero__vtc a { color: #f00; font-weight: 700; font-style: italic; }
.site-footer { background: #000; }
/* Footer en grille : colonnes alignees au lieu du flex space-between qui se replie de facon irreguliere */
.site-footer .footer__grid { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 32px; }
@media (max-width: 860px) { .site-footer .footer__grid { grid-template-columns: repeat(3, 1fr); }
  .footer__brand { grid-column: 1 / -1; } }
@media (max-width: 480px) { .site-footer .footer__grid { grid-template-columns: 1fr; } }
/* Badges stores : meme rendu que le site TalkTime (hauteur commune, img { height: auto } de style.css annule) */
.stores { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; justify-content: center; margin-top: 32px; }
.stores a { line-height: 0; border-radius: 9px; transition: transform .15s ease; }
.stores a:hover { transform: translateY(-3px); }
.stores img { display: block; height: 48px; width: auto; }
.download-note { font-size: 13px; color: var(--muted); margin: 12px 0 0; }
/* Mode sombre : sections claires passees dans les gris historiques Cabriio, header/hero/footer deja noirs */
@media (prefers-color-scheme: dark) {
  :root { --bg: #161616; --cloud: #1b1b1b; --ink: #e2e2e2; --muted: #a4a4a4; --line: #303030;
    --sky-dark: #1f8fd0; --cab-red: #f00; }
  .card { background: #000; }
}