/* Styles communs aux pages du site olycar.fr sauf Professionnels (22/10/2026) : base, liens, en-tête, menu ☰, pied de page,
   petits écrans. Chargé avant les styles propres à chaque page. Règles extraites à l'identique des pages (scripts/synchroniser-site.py
   vérifie que chaque page cite cette feuille). */
html { -webkit-text-size-adjust:100%; text-size-adjust:100%; } /* 29/10 : pas d'agrandissement automatique du texte par iOS */
html, body { margin:0; padding:0; background:#F5F7FC; font-family:'Figtree', 'Helvetica Neue', sans-serif; color:#1B2437; }
* { box-sizing:border-box; }
a { color:#3B55E0; text-decoration:none; }
a:hover { color:#2F47C8; text-decoration:underline; }
p { margin:0; }
.g-head { transition:box-shadow 0.25s ease, border-color 0.25s ease; }
/* Téléphone et tablette : pied de page sur deux colonnes, puis une seule (sinon la page dépasse de l'écran) ; menu ☰ sous 1 000 px */
@media (max-width: 1000px) {
  .g-burger { display:inline-flex !important; }
  .g-6 { grid-template-columns:repeat(2, 1fr) !important; }
}
@media (max-width: 680px) {
  .g-6 { grid-template-columns:repeat(2, 1fr) !important; } /* 29/10 : deux colonnes (avant : une seule) */
  .g-6 > :first-child { grid-column:1 / -1; }
}
/* Libellé court du bouton de l'en-tête sur téléphone (29/10 : sous 681 px au lieu de 400 ; le libellé long prenait la moitié de l'écran) */
.g-pro-court { display:none; }
@media (max-width: 680px) {
  .g-pro-long { display:none; }
  .g-pro-court { display:inline; }
}
@media (min-width: 1001px) {
  .g-menu { display:none !important; }
}