/* Ajustements d'affichage (chargés après le CSS du site).
   1. Deux tailles prévues dans le code mais absentes du CSS compilé (auteur et rôle des témoignages).
   2. Écrans d'ordinateur étroits (1024 à 1279 px : iPad à l'horizontale, petits portables) :
      la grille garde sa forme, le contenu des cartes s'adapte à la largeur des colonnes.
      À partir de 1280 px, rien ne change. */
.text-\[13px\] { font-size: 13px; line-height: 18px; }
.text-\[15px\] { font-size: 15px; line-height: 22px; }

@media (min-width: 1024px) and (max-width: 1279.98px) {
  :root {
    --spacing-card: calc(16px + (100vw - 1024px) * 0.03125);   /* marge des cartes : 16 → 24 px */
    --text-display: calc((100vw - 160px) * 0.05);              /* titre d'accueil : 43 → 56 px, suit les colonnes */
    --text-title: calc(16px + (100vw - 1024px) * 0.015625);    /* titres de cartes : 16 → 20 px */
    --text-caption: calc(11px + (100vw - 1024px) * 0.0039);    /* petites légendes : 11 → 12 px */
  }
  /* Horloge : ville et heure l'une sous l'autre, idem pour le fuseau */
  .rounded-xl .font-runde.select-none > div:first-child,
  .rounded-xl .font-runde.select-none > div:last-child {
    flex-direction: column; align-items: center; gap: 1px; white-space: nowrap;
  }
  .rounded-xl .font-runde.select-none > svg { width: 100%; max-width: 104px; height: auto; }
  /* Carte expérience : poste et dates sur une ligne */
  .rounded-xl .flex.items-end.justify-between.w-full.mt-1 span { white-space: nowrap; }
}

/* Boutons de store des études de cas : chacun n'apparaît que sur les appareils listés dans data-on */
html[data-platform="ios"] .store-btn:not([data-on~="ios"]),
html[data-platform="android"] .store-btn:not([data-on~="android"]),
html[data-platform="desktop"] .store-btn:not([data-on~="desktop"]) { display: none; }
/* Ces boutons sont des liens : on neutralise le style « lien bleu souligné » prévu pour les liens dans le texte */
.store-btn a.glass-btn-surface { color: #121212 !important; text-decoration: none !important; }
.dark .store-btn a.glass-btn-surface { color: #fff !important; }
.store-btn .glass-btn-content { color: inherit !important; }