/*
 * Aspetto dei moduli TWC dentro questo tema.
 *
 * Caricato solo se almeno un plugin TWC è attivo (vedi functions.php).
 * Regole: specificità bassa, nessun !important, nessun selettore che invada
 * il markup interno dei plugin oltre a quanto serve per l'impaginazione.
 *
 * Il colore NON si tocca qui: arriva dalle variabili del ponte, così una
 * scelta del ristoratore nel backend continua a vincere.
 */

/* --- Contenitori dei blocchi ---------------------------------------------
 * Tutti i blocchi TWC sono resi dal server; qui si governa solo lo spazio
 * che occupano nella pagina.
 * ------------------------------------------------------------------------- */

.wp-block-twc-prenotazioni,
.wp-block-twc-account,
.wp-block-twc-account-accesso {
	margin-block: var(--wp--preset--spacing--50);
}

.wp-block-twc-account-menu {
	margin-block: 0;
}

/* Il menu account sta nella testata: non deve allargarsi né andare a capo. */
.wp-block-twc-account-menu .twc-account-menu {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0.75rem;
}

/* --- Larghezze -----------------------------------------------------------
 * I moduli rispettano le larghezze del tema e non escono mai in orizzontale.
 * ------------------------------------------------------------------------- */

.twc-account,
.twc-prenotazioni:not(.twc-prenotazioni--pieno) {
	max-width: 100%;
	overflow-wrap: break-word;
}

/* --- Aree cliccabili ------------------------------------------------------ */

.twc-account-btn,
.twc-pren__box button,
.twc-pren__box [type="submit"] {
	min-height: var(--twc-tap);
}

/* --- Tipografia ----------------------------------------------------------
 * I moduli ereditano i font del tema, così non sembrano ritagliati da un
 * altro sito.
 * ------------------------------------------------------------------------- */

.twc-account,
.twc-prenotazioni {
	font-family: var(--wp--preset--font-family--body);
}

.twc-account h1,
.twc-account h2,
.twc-account h3,
.twc-prenotazioni h1,
.twc-prenotazioni h2,
.twc-prenotazioni h3 {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 400;
}

/* --- Avviso di licenza sospesa -------------------------------------------
 * Quando la licenza è sospesa il plugin mostra un avviso al posto del
 * contenuto: deve avere un aspetto curato, non sembrare un errore.
 * ------------------------------------------------------------------------- */

.twc-account .twc-account-empty,
.twc-account .twc-account-error,
.twc-prenotazioni .twc-pren__vuoto {
	border: 1px solid var(--twc-line);
	border-radius: var(--twc-radius-sm);
	padding: var(--wp--preset--spacing--40);
	text-align: center;
}

/* --- TWC Cursore ---------------------------------------------------------
 * Il pulsante del plugin sta in basso a destra con z-index 99999.
 * Qui si tiene solo libero lo spazio; il pulsante non si tocca.
 * La barra azioni mobile riserva già il suo margine (vedi style.css).
 * ------------------------------------------------------------------------- */

.twc-cursore-attivo .twt-barra-azioni {
	padding-right: 4.5rem;
}