/* Liens vers l'App Store : badge officiel, QR code, capture réelle de l'app.
   Feuille dédiée (chargée par l'accueil et les pages app) : style.css est mis
   en cache un an, ces règles n'imposent donc pas de changer sa version. */

/* Badge officiel Apple — affiché tel quel, jamais redessiné. */
.app-store-badge { display: inline-flex; align-items: center; line-height: 0; border-radius: 10px; }
.app-store-badge img { display: block; width: auto; height: 40px; margin: 0; }
.app-store-badge:focus-visible { outline: 3px solid var(--honey, #E8A33C); outline-offset: 3px; }

/* QR code : utile seulement sur ordinateur (souris et grand écran). */
.app-qr { display: none; }
@media (hover: hover) and (pointer: fine) and (min-width: 900px) {
  .app-qr {
    display: flex; align-items: center; justify-content: center; gap: 14px;
    margin: 22px auto 0; text-align: left;
  }
  .app-qr img {
    width: 108px; height: 108px; margin: 0; padding: 6px; border-radius: 12px; background: #fff;
  }
  .app-qr p { margin: 0; max-width: 24ch; font-size: 14px; line-height: 1.45; opacity: .85; }
}

/* Capture réelle de l'app dans le cadre de téléphone du héros. */
.phone.phone--screenshot {
  width: min(300px, 100%);
  padding: 0;
  overflow: hidden;
  background: #F4F3EF;
}
.phone--screenshot img { display: block; width: 100%; height: auto; border-radius: 34px; }

/* Pages app : le logo du bloc final était une image en ligne, décalée à gauche
   de l'accroche ; en bloc, sa marge automatique le centre. */
section.final-cta > .wrap > img { display: block; }