/*
 * A domicilio (kit a-domicilio-11-10, CEO 11/10): sulla scheda la riga «Chi insegna può venire da te»
 * e la scelta «Dove» nel riquadro «Prenota»; in cassa la riga del supplemento.
 * Markup in inc/a-domicilio/a-domicilio.php, comandi in esperienze/js/a-domicilio.js.
 *
 * Stesso livello e stessi gettoni di tbp-prenota.css (--pn-*): testi a 12 e 16 px, spazi 4, 8, 12, 16,
 * raggi 16 e pillola, una linea da 1 px. Le due scelte sono caselle come gli orari: piene quando scelte.
 */
@layer tbp-appearance {

	/* ---------------------------------------------------------------- la riga sotto la mappa */
	html body.single-esperienze #main #prenota .tbp-ad-riga {
		margin: 8px 0 0 !important;
		padding: 0 !important;
		font-family: var(--tbp-font, inherit) !important;
		font-size: 16px !important;
		font-weight: 600 !important;
		line-height: 1.35 !important;
		letter-spacing: 0 !important;
		color: var(--pn-titolo, #084828) !important;
	}
	/* Sul computer la mappa va nella colonna del racconto e la riga resta nel riquadro, sotto il prezzo. */
	html body.single-esperienze.tbp-scheda-pc #main #prenota .tbp-ad-riga {
		margin: 4px 0 16px !important;
	}

	/* ---------------------------------------------------------------- «Dove» */
	html body.single-esperienze #main #prenota .tbp-pn .tbp-ad {
		position: relative !important;
		margin: 16px 0 0 !important;
		padding: 16px 0 0 !important;
	}
	html body.single-esperienze #main #prenota .tbp-pn .tbp-ad::before {
		content: "" !important;
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		height: 1px !important;
		background: var(--pn-linea) !important;
	}
	html body.single-esperienze #main #prenota .tbp-ad [hidden] {
		display: none !important;
	}
	html body.single-esperienze #main #prenota .tbp-ad__scelte {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 8px !important;
		margin: 0 !important;
	}
	html body.single-esperienze #main #prenota .tbp-ad button.tbp-ad__scelta {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		justify-content: center !important;
		gap: 2px !important;
		width: 100% !important;
		min-width: 0 !important;
		min-height: 64px !important;
		height: auto !important;
		margin: 0 !important;
		padding: 12px 16px !important;
		border: 0 !important;
		border-radius: 16px !important;
		background: var(--pn-casella) !important;
		box-shadow: inset 0 0 0 1px var(--pn-casella-bordo) !important;
		color: var(--pn-titolo) !important;
		font-family: var(--tbp-font, inherit) !important;
		text-align: left !important;
		text-transform: none !important;
		letter-spacing: 0 !important;
		white-space: normal !important;
		cursor: pointer !important;
		transition: background-color var(--tbp-moto-breve, 160ms) var(--tbp-moto-curva, ease), box-shadow var(--tbp-moto-breve, 160ms) var(--tbp-moto-curva, ease), transform var(--tbp-moto-tocco, 80ms) var(--tbp-moto-curva, ease) !important;
	}
	html body.single-esperienze #main #prenota .tbp-ad__scelta-nome {
		display: block !important;
		font-size: 16px !important;
		font-weight: 700 !important;
		line-height: 20px !important;
		color: inherit !important;
	}
	html body.single-esperienze #main #prenota .tbp-ad__scelta-nota {
		display: block !important;
		font-size: 12px !important;
		font-weight: 500 !important;
		line-height: 16px !important;
		color: var(--pn-testo) !important;
	}
	html body.single-esperienze #main #prenota .tbp-ad button.tbp-ad__scelta[aria-checked="true"] {
		background: var(--pn-scelto) !important;
		box-shadow: none !important;
		color: var(--pn-scelto-testo) !important;
	}
	html body.single-esperienze #main #prenota .tbp-ad button.tbp-ad__scelta[aria-checked="true"] .tbp-ad__scelta-nota {
		color: var(--pn-scelto-testo) !important;
	}

	/* ---------------------------------------------------------------- l'indirizzo */
	html body.single-esperienze #main #prenota .tbp-ad__indirizzo {
		display: grid !important;
		grid-template-columns: 112px minmax(0, 1fr) !important;
		gap: 12px 8px !important;
		margin: 16px 0 0 !important;
	}
	html body.single-esperienze #main #prenota .tbp-ad__campo {
		min-width: 0 !important;
		margin: 0 !important;
	}
	html body.single-esperienze #main #prenota .tbp-ad__campo--via,
	html body.single-esperienze #main #prenota .tbp-ad__controlla,
	html body.single-esperienze #main #prenota .tbp-ad__esito,
	html body.single-esperienze #main #prenota .tbp-ad__nota {
		grid-column: 1 / -1 !important;
	}
	html body.single-esperienze #main #prenota .tbp-ad__campo label {
		display: block !important;
		margin: 0 0 4px !important;
		padding: 0 !important;
		font-family: var(--tbp-font, inherit) !important;
		font-size: 12px !important;
		font-weight: 600 !important;
		line-height: 16px !important;
		letter-spacing: 0 !important;
		text-transform: none !important;
		color: var(--pn-testo) !important;
	}
	html body.single-esperienze #main #prenota .tbp-ad__campo input {
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
		height: 48px !important;
		margin: 0 !important;
		padding: 0 12px !important;
		border: 1px solid var(--pn-linea) !important;
		border-radius: 16px !important;
		background: var(--pn-casella) !important;
		box-shadow: none !important;
		font-family: var(--tbp-font, inherit) !important;
		font-size: 16px !important;
		font-weight: 600 !important;
		line-height: 1.2 !important;
		color: var(--pn-titolo) !important;
		-webkit-text-fill-color: var(--pn-titolo) !important;
	}
	html body.single-esperienze #main #prenota .tbp-ad button.tbp-ad__controlla {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		justify-self: start !important;
		width: auto !important;
		min-height: 44px !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 16px !important;
		border: 1px solid var(--pn-titolo) !important;
		border-radius: 999px !important;
		background: transparent !important;
		box-shadow: none !important;
		color: var(--pn-titolo) !important;
		font-family: var(--tbp-font, inherit) !important;
		font-size: 16px !important;
		font-weight: 700 !important;
		line-height: 1.2 !important;
		letter-spacing: 0 !important;
		text-transform: none !important;
		cursor: pointer !important;
		transition: background-color var(--tbp-moto-breve, 160ms) var(--tbp-moto-curva, ease), transform var(--tbp-moto-tocco, 80ms) var(--tbp-moto-curva, ease) !important;
	}
	html body.single-esperienze #main #prenota .tbp-ad button.tbp-ad__controlla[aria-disabled="true"] {
		border-color: var(--pn-spento-fondo) !important;
		background: var(--pn-spento-fondo) !important;
		color: var(--pn-spento-testo) !important;
		cursor: default !important;
	}
	html body.single-esperienze #main #prenota .tbp-ad__esito {
		margin: 0 !important;
		padding: 0 !important;
		font-family: var(--tbp-font, inherit) !important;
		font-size: 16px !important;
		font-weight: 700 !important;
		line-height: 1.35 !important;
		color: var(--pn-titolo) !important;
	}
	html body.single-esperienze #main #prenota .tbp-ad__esito:empty {
		display: none !important;
	}
	html body.single-esperienze #main #prenota .tbp-ad__esito[data-tbp-ad-stato="attesa"] {
		font-weight: 600 !important;
		color: var(--pn-tenue) !important;
	}
	html body.single-esperienze #main #prenota .tbp-ad__esito[data-tbp-ad-stato="fuori"],
	html body.single-esperienze #main #prenota .tbp-ad__esito[data-tbp-ad-stato="errore"] {
		color: #B42318 !important;
	}
	html[data-tbp-theme="dark"] body.single-esperienze #main #prenota .tbp-ad__esito[data-tbp-ad-stato="fuori"],
	html[data-tbp-theme="dark"] body.single-esperienze #main #prenota .tbp-ad__esito[data-tbp-ad-stato="errore"] {
		color: #FFB4A9 !important;
	}

	/* ---------------------------------------------------------------- passaggio, tocco, fuoco */
	@media (hover: hover) {
		html body.single-esperienze #main #prenota .tbp-ad button.tbp-ad__scelta:not([aria-checked="true"]):hover {
			box-shadow: inset 0 0 0 1px var(--pn-titolo) !important;
		}
		html body.single-esperienze #main #prenota .tbp-ad button.tbp-ad__controlla:not([aria-disabled="true"]):hover {
			background: var(--pn-casella) !important;
		}
	}
	html body.single-esperienze #main #prenota .tbp-ad button.tbp-ad__scelta:not([aria-checked="true"]):active,
	html body.single-esperienze #main #prenota .tbp-ad button.tbp-ad__controlla:not([aria-disabled="true"]):active {
		transform: scale(var(--tbp-moto-premuto, .97));
	}
	html body.single-esperienze #main #prenota .tbp-ad :is(button.tbp-ad__scelta, button.tbp-ad__controlla, .tbp-ad__campo input):focus-visible {
		outline: 3px solid var(--pn-fuoco) !important;
		outline-offset: 3px !important;
	}
	html body.single-esperienze #main #prenota .tbp-ad .tbp-ad__campo input:focus {
		border-color: var(--pn-titolo) !important;
	}

	/* App per iPhone, esperienze online di gruppo: lì il modulo non c'è (e online il domicilio non esiste). */
	html.tbp-app-senza-acquisto body.single-esperienze #main #prenota .tbp-ad {
		display: none !important;
	}

	@media (prefers-reduced-motion: reduce) {
		html body.single-esperienze #main #prenota .tbp-ad :is(button.tbp-ad__scelta, button.tbp-ad__controlla) {
			transform: none !important;
		}
	}
}

/* ---------------------------------------------------------------- cassa: la riga del supplemento
   Gemella della riga «2 posti × 45,00 €» (tbp-checkout-flow.css, .tbp-flow-review__subtotal) e della riga
   dei codici sconto (tbp-coupon.css): etichetta a sinistra, importo a destra, stessi pesi e misure. */
html body:is(#tbp-ad-id, body).woocommerce-checkout .tbp-flow-review tr.tbp-flow-review__domicilio {
	display: flex !important;
	justify-content: space-between !important;
	align-items: baseline !important;
	gap: 12px;
	padding: 4px 4px 0 !important;
}
html body:is(#tbp-ad-id, body).woocommerce-checkout .tbp-flow-review tr.tbp-flow-review__domicilio th {
	color: var(--tbp-muted, #5d786b) !important;
	font-size: .88rem !important;
	font-weight: 600 !important;
	text-align: left !important;
}
html body:is(#tbp-ad-id, body).woocommerce-checkout .tbp-flow-review tr.tbp-flow-review__domicilio td,
html body:is(#tbp-ad-id, body).woocommerce-checkout .tbp-flow-review tr.tbp-flow-review__domicilio td .woocommerce-Price-amount {
	color: var(--tbp-ink, #123326) !important;
	font-size: .95rem !important;
	font-weight: 800 !important;
	white-space: nowrap !important;
}
html body:is(#tbp-ad-id, body).woocommerce-checkout .tbp-flow-review .tbp-flow-review__domicilio-dove {
	display: block !important;
	margin: 2px 0 0 !important;
	color: var(--tbp-muted, #5d786b) !important;
	font-size: .75rem !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	overflow-wrap: anywhere;
}