/*
 * PROMPT-2026-03-22-48 — Contenu hero : le hero reste en haut du <main>.
 * PROMPT-2026-03-22-49 — Fond #000 sur .home-main : le dégradé du .site-shell ne doit pas
 * se voir derrière le PNG du logo (sinon halo / « cadre » autour du visuel).
 * PROMPT-2026-03-22-53 — Accueil plein écran : shell remplit la hauteur, zone centrale 1fr,
 * contenu (logo + texte + stores) centré verticalement entre nav et footer.
 * PROMPT-2026-03-22-54 — Plus d’espace autour du logo hero (padding + marge sous le bloc).
 */

/* Shell reprend la hauteur utile du viewport (body en flex) */
html[data-policies-page="home"] .site-shell {
  flex: 1;
}

@media (min-width: 900px) {
  /*
   * Ligne centrale en 1fr : le <main> occupe l’espace entre bandeau et footer ;
   * justify-content: center sur .home-main centre le bloc hero dans cette zone.
   */
  html[data-policies-page="home"] .site-shell {
    min-height: min(100dvh - 32px, 900px);
    grid-template-rows: auto 1fr auto;
  }

  html[data-policies-page="home"] .home-main {
    min-height: 0;
    justify-content: center;
  }
}

@media (max-width: 899px) {
  html[data-policies-page="home"] .site-shell {
    min-height: min(100dvh - 28px, 900px);
  }

  html[data-policies-page="home"] .home-main {
    flex: 1;
    min-height: 0;
    justify-content: center;
  }

  .home-main .hero-desc {
    font-size: 0.92rem;
    margin-bottom: 24px;
  }

  .home-main .site-logo--hero {
    width: min(280px, 82vw);
    max-height: min(220px, 32vh);
  }

  [data-policies-lang="fr"] #link-appstore-fr {
    display: none;
  }

  [data-policies-lang="en"] #link-appstore-en {
    display: none;
  }

  [data-policies-lang="es"] #link-appstore-en,
  [data-policies-lang="pt"] #link-appstore-en,
  [data-policies-lang="de"] #link-appstore-en,
  [data-policies-lang="it"] #link-appstore-en {
    display: none;
  }

  .home-main .store-row a {
    box-shadow: 0 0 18px rgba(255, 255, 255, 0.08);
  }
}

.home-main {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  min-height: 0;
  /* Même noir que la base du shell (#000) : masque le léger radial du parent */
  background-color: #000000;
}

.home-main .hero-brand-wrap {
  margin-bottom: 36px;
  padding: clamp(20px, 5vw, 40px) clamp(24px, 8vw, 56px);
  line-height: 0;
  background-color: #000000;
}

.home-main .site-logo--hero {
  width: min(320px, 78vw);
  height: auto;
  max-height: min(280px, 38vh);
  object-fit: contain;
  display: block;
  background-color: #000000;
  border: none;
  box-shadow: none;
}

.home-main .hero-desc {
  max-width: 640px;
  margin: 0 auto 32px;
  font-size: clamp(0.95rem, 2.8vw, 1.08rem);
  line-height: 1.65;
  color: var(--text);
  font-weight: 500;
}

.home-main .store-row {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
  align-items: center;
}

.home-main .store-row a {
  display: inline-block;
  line-height: 0;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 0 24px rgba(39, 225, 193, 0.2);
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.home-main .store-row a:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 32px rgba(39, 225, 193, 0.35);
}

.home-main .store-row img {
  height: 48px;
  width: auto;
  display: block;
}