/* =========================================================================
   XNOVA SYSTEMS — Applications (hub /apps.html + fiches /apps/*.html)
   Chargé après styles.css. Tokens uniquement ; classes préfixées .apps-…
   Les composants partagés (app-card, store-badge, feature-list…) ne sont
   pas redéfinis ici, seulement placés.
   ========================================================================= */

/* ---------- Héros d'une fiche application : texte + visuel ---------- */

.apps-hero {
  align-items: center;
}

.apps-hero .store-badges {
  margin-top: var(--space-6);
}

.apps-hero .actions {
  margin-top: var(--space-4);
}

.apps-hero__note {
  margin-top: var(--space-4);
}

/* Le visuel réutilise .card.app-card > .app-card__media, sans corps de carte */
.apps-hero__visual {
  margin: 0;
}

.apps-hero__visual .app-card__media {
  min-height: 280px;
  border-bottom: 0;
}

/* ---------- Encadré « À fournir » posé dans un emplacement média ---------- */

.apps-media-todo .todo-placeholder {
  margin: var(--space-5);
}

/* ---------- Liste de liens (confidentialité, suppression, support) ---------- */

.apps-links {
  list-style: none;
  border-top: 1px solid var(--color-border);
}

.apps-links li {
  border-bottom: 1px solid var(--color-border);
}

.apps-links .link-arrow {
  width: 100%;
  justify-content: space-between;
  padding-block: var(--space-3);
}

/* En-tête de section placé dans une .stack : l'écart vient de la pile */
.apps-stack-head {
  margin-bottom: 0;
}

/* ---------- Encart objectif / principes (fiche Muslim+) ---------- */

.apps-goal__text {
  color: var(--color-text-muted);
  font-size: var(--text-lg);
}

/* ---------- Emplacement des captures d'écran ---------- */

.apps-shots {
  display: grid;
  place-items: center;
  min-height: 200px;
  padding: var(--space-6);
  border: 1px dashed var(--color-border-strong);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
}