/* ==========================================================================
   MODE VITRINE — page d'attente « ouverture prochaine » + porte d'aperçu.
   Feuille AUTONOME, chargée uniquement par ces deux pages. Elle réutilise les
   variables de charte de app.css (vert, or, polices) : si la charte bouge, la
   page d'attente bouge avec, sans retouche ici.
   ========================================================================== */

body.vitrine {
  min-height: 100svh;                 /* svh : sur mobile, évite le saut de la barre d'URL */
  margin: 0;
  display: flex;
  flex-direction: column;
  background: var(--vert, #0D3A2A);
  color: var(--miel, #F7E5C0);
  font-family: var(--font-corps);
  /* Halo doux au centre : la lumière de l'enseigne, en très discret. */
  background-image:
    radial-gradient(120% 80% at 50% 28%, rgba(217,164,65,.14), transparent 62%),
    radial-gradient(90% 60% at 50% 100%, rgba(0,0,0,.35), transparent 70%);
}

.vitrine-scene {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(1.5rem, 6vw, 4rem) 1.25rem;
}

.vitrine-carte {
  width: min(46rem, 100%);
  text-align: center;
}
.vitrine-carte--acces { width: min(24rem, 100%); }

.vitrine-rosaces {
  display: flex;
  gap: 1.4rem;
  justify-content: center;
  color: var(--ocre-2, #D6AC5E);
  opacity: .85;
  margin-bottom: 1.4rem;
}

.vitrine-sur {
  font-size: clamp(.82rem, 2.2vw, .95rem);
  letter-spacing: .32em;
  text-transform: uppercase;
  color: var(--ocre, #EBC983);
  margin: 0 0 .5rem;
}

.vitrine-enseigne {
  font-family: var(--font-enseigne);
  font-weight: 400;
  font-size: clamp(2.6rem, 11vw, 5.6rem);
  line-height: 1.05;
  margin: 0;
  color: #F2D9A0;
  text-shadow: var(--halo-or, 0 0 28px rgba(217,164,65,.42));
}
.vitrine-enseigne--petit { font-size: clamp(1.8rem, 7vw, 2.6rem); margin-bottom: .3rem; }

/* Filet or — trait / rosace / trait */
.vitrine-filet {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .9rem;
  margin: 1.6rem auto 1.4rem;
  max-width: 22rem;
  color: var(--ocre-2, #D6AC5E);
}
.vitrine-filet span {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(214,172,94,.7), transparent);
}

.vitrine-annonce {
  font-family: var(--font-titre);
  font-size: clamp(1.35rem, 4.5vw, 2rem);
  letter-spacing: .06em;
  margin: 0;
  color: #FBF3DE;
}

.vitrine-message {
  margin: 1.1rem auto 0;
  max-width: 34rem;
  font-size: clamp(.95rem, 2.4vw, 1.05rem);
  line-height: 1.65;
  color: rgba(247,229,192,.82);
}

/* ---- Pied : l'accès, discret mais trouvable ---- */
.vitrine-pied {
  padding: 1.5rem 1.25rem 2rem;
  text-align: center;
}
.vitrine-acces {
  display: inline-block;
  padding: .5rem 1.4rem;
  border: 1px solid rgba(214,172,94,.45);
  border-radius: 999px;
  font-size: .78rem;
  letter-spacing: .22em;
  text-transform: uppercase;
  text-decoration: none;
  color: rgba(235,201,131,.72);
  transition: var(--transition, 180ms ease);
}
.vitrine-acces:hover,
.vitrine-acces:focus-visible {
  color: #F2D9A0;
  border-color: rgba(214,172,94,.9);
  background: rgba(214,172,94,.10);
}

/* ---- Formulaire d'aperçu ---- */
.vitrine-form { margin-top: 1.6rem; text-align: left; }
.vitrine-form label {
  display: block;
  font-size: .78rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--ocre, #EBC983);
  margin-bottom: .45rem;
}
.vitrine-form input[type="password"] {
  width: 100%;
  box-sizing: border-box;
  padding: .8rem .9rem;
  margin-bottom: 1.1rem;
  border: 1px solid rgba(214,172,94,.45);
  border-radius: var(--r-s, 6px);
  background: rgba(0,0,0,.22);
  color: #FBF3DE;
  font: inherit;
}
.vitrine-form input[type="password"]:focus-visible {
  outline: 2px solid rgba(235,201,131,.75);
  outline-offset: 1px;
}

.vitrine-erreur {
  margin: 1.2rem 0 0;
  padding: .7rem .9rem;
  border: 1px solid rgba(179,89,26,.6);
  border-radius: var(--r-s, 6px);
  background: rgba(147,64,26,.25);
  color: #F7E5C0;
  font-size: .9rem;
}

.vitrine-retour { margin-top: 1.6rem; text-align: center; }
.vitrine-retour a { color: rgba(235,201,131,.7); font-size: .85rem; }