/* ==========================================================================
   ACCESSO — busta chiusa d'ingresso (js/accesso.js). Solo variabili di theme.css. Mobile-first.
   ========================================================================== */
/* Finché non si sa se serve la busta, la pagina non si vede; la busta resta sempre visibile (anche con body[data-ingresso] nascosto) */
html.cancello body > :not(.entrata) { display: none !important; }

.entrata {
  position: fixed; inset: 0; z-index: 100; visibility: visible; overflow-y: auto;
  display: flex; flex-direction: column; align-items: center; padding: var(--margine);   /* busta e modulo al centro; con schermi bassi si scorre */
  background: var(--c-sfondo); transition: opacity .6s var(--curva);
}
.entrata > :first-child { margin-top: auto; } .entrata > :last-child { margin-bottom: auto; }
.entrata--via { opacity: 0; pointer-events: none; }
.entrata__corpo { position: relative; width: min(100%, 26rem); }
.entrata__disegno svg { display: block; width: 100%; height: auto; overflow: visible; filter: drop-shadow(var(--ombra)); }

/* Disegno della busta (scene.js) */
.busta-corpo { fill: var(--c-rosa); stroke: var(--c-accento); stroke-width: 1.2; }
.busta-fantasia { fill: url(#busta-fiori); stroke: none; }
.busta-fiore circle { fill: var(--c-salvia); stroke: var(--c-salvia-scuro); stroke-width: .5; }
.busta-fiore .busta-cuore-fiore { fill: var(--c-accento-chiaro); }
.busta-foglia { fill: var(--c-salvia); stroke: var(--c-salvia-scuro); stroke-width: .5; }
.busta-lembo { transform-box: fill-box; transform-origin: 50% 0; transition: transform .9s var(--curva); }
.busta-lembo > path:first-child { fill: var(--c-rosa); stroke: var(--c-accento); stroke-width: 1.2; }
.busta-lembo .cuore { fill: var(--c-accento); stroke: none; }
.entrata--aperta .busta-lembo { transform: scaleY(-1); }

/* "Francesca & Matteo" sopra la busta, sul corpo (sotto il lembo) */
.entrata__nomi { position: absolute; inset: 70% 0 auto; width: fit-content; margin: 0 auto; padding: .15em .6em .25em; text-align: center; color: var(--c-su-cartone); font-size: clamp(1.9rem, 8.5vw, 2.7rem); line-height: 1.05;
  background: var(--c-superficie); border: 1px solid var(--c-accento); border-radius: .5rem; }   /* targhetta incollata sulla busta */
.entrata__nomi span { display: inline; }
.entrata__nomi .sep { font-size: .6em; margin-inline: .25em; color: var(--c-accento); }

.entrata__form { margin: 1.5rem auto 0; width: min(100%, 22rem); }
.entrata__indicazione { margin: 0; text-align: center; color: var(--c-testo-soft); font-size: .95rem; }
.entrata__form .btn { justify-self: center; }
.entrata__form .esito { text-align: center; }

@media (prefers-reduced-motion: reduce) { .entrata, .busta-lembo { transition: none; } }