/* Form prenotazione Teatro Sophia - da includere dopo main.css */
/* Titolo spettacolo: Playfair (come da .section-title p), colore titoli del tema, un po' piu' grande del testo (22px) ma sotto l'h2 (32px) */
#prenota.section { padding-top: 0; }
#prenota .section-title { padding-bottom: 40px; }
#prenota .section-title h2 { color: var(--accent-color); }
#prenota .section-title p { font-size: 22px; font-weight: 500; line-height: 1.3; color: var(--heading-color); }

/* Riquadro del form: come '.contact .php-email-form' dell'index */
#prenota form {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  padding: 30px;
  margin-top: 0;
  background-color: var(--surface-color);
}
@media (max-width: 575px) { #prenota form { padding: 20px; } }

#prenota .form-label { font-size: 14px; font-weight: 500; margin-bottom: 4px; }

/* Campi: come '.contact .php-email-form input' */
#prenota .form-control,
#prenota .form-select {
  font-size: 14px;
  padding: 10px 15px;
  box-shadow: none;
  border-radius: 0;
  color: var(--default-color);
  background-color: color-mix(in srgb, var(--background-color), transparent 50%);
  border-color: color-mix(in srgb, var(--default-color), transparent 80%);
}
#prenota .form-control:focus,
#prenota .form-select:focus { border-color: var(--accent-color); box-shadow: none; }

#prenota .form-check-input { accent-color: var(--accent-color); }
#prenota .form-check-input:checked { background-color: var(--accent-color); border-color: var(--accent-color); }
#prenota .form-check-input:focus { border-color: var(--accent-color); box-shadow: none; }
#prenota .form-check-label { font-size: .9rem; }

/* Pulsante: copia di '.portfolio-details .btn-get-started' del tema (bordeaux, angoli 4px, Roboto) */
#prenota button.btn-get-started {
  color: var(--contrast-color);
  background: var(--accent-color);
  font-family: var(--default-font);
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 32px;
  border: 0;
  border-radius: 4px;
  transition: 0.5s;
  margin: 10px;
  cursor: pointer;
}
#prenota button.btn-get-started:hover { background: color-mix(in srgb, var(--accent-color), transparent 20%); }
#prenota button.btn-get-started:disabled { opacity: .6; cursor: not-allowed; }

/* Messaggio sotto al form */
#prenota .prenota-msg {
  display: none; margin-top: 1.5rem; padding: 16px 20px; border-radius: 8px;
  font-family: var(--default-font, inherit); font-size: 1rem; line-height: 1.5;
  color: var(--default-color, #333); background: rgba(0,0,0,.04);
  border-left: 5px solid var(--accent-color, #0d6efd);
}
#prenota .prenota-msg.is-success { border-left-color: var(--accent-color, #0d6efd); }
#prenota .prenota-msg.is-warning { border-left-color: #e0a100; }
#prenota .prenota-msg.is-danger  { border-left-color: #b3261e; }