/* Base del sito: tutto il resto sono stili inline, come nel progetto di design. */
html, body {
  margin: 0;
  background: #f5f2ea;
  color: #1b1a16;
  font-family: Geist, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: #8a6a2c; text-decoration: none; }
a:hover { color: #1b1a16; }
button, input, select, textarea { font-family: inherit; }

/* Equivalente di `style-hover` del progetto di design: regole !important
   perché devono avere la meglio sugli stili inline. */
.hv-gold:hover { color: #8a6a2c !important; }
.hv-ink:hover { color: #1b1a16 !important; }
.hv-cream:hover { background: #f5f2ea !important; }

.tdb-boot {
  position: fixed; inset: 0; display: grid; place-items: center;
  background: #f5f2ea; z-index: 100;
  font: 400 21px/1 'Instrument Serif', serif; color: #8a6a2c;
  transition: opacity .4s;
}

/* Contenitore del Payment Element di Stripe nel passo di pagamento. */
.tdb-stripe-slot { min-height: 220px; }