/* kit oro-uno-13-10 (CEO 13/10/2026): un solo bottone oro per schermo, ed è l'azione della pagina.
 *
 * Qui NON c'è la barra del telefono: «Registrati» smette di essere oro perché inc/oro-uno/oro-uno.php le toglie la
 * classe della pastiglia. Qui ci sono i secondi ori delle pagine, che prendono uno stile che il sito ha già:
 *   pieno     = .tbp-btn                (verde #084828, testo bianco)
 *   contorno  = .tbp-btn--secondary     (bianco, testo verde, linea sottile; di notte trasparente con linea chiara)
 *   nel carrello dei servizi: pieno = la pastiglia «scelto» (--car-marchio), contorno = a.tbp-car__contorno
 *   sulle schede con la foto: bianco con testo verde scuro, come in «Cerca» (css/tbp-cerca-unica.css)
 *
 *   1. Schede di mestieri ed esperienze: «Prenota» non è oro (Catalogo, «Altri mestieri ed esperienze» nella pagina
 *      di un'esperienza, ogni altro elenco). In «Cerca» lo fa già il suo foglio. La scheda che si apre sulla mappa
 *      della Home tiene l'oro al telefono, dove è l'unico a schermo; al computer no, finché la testata ha il suo.
 *   2. «Scarica la presentazione ToBePolo (PDF)»: a contorno, bordo verde (servizi, aziende, Il progetto).
 *   3. Servizi per Artigiani e Hobbisti, «Accedi» sotto il riquadro: pieno. L'oro resta a «Continua con i tuoi dati».
 *   4. /servizi/: i tre «Vai ai servizi…» sono tre scelte alla pari: pieni tutti e tre, nessun oro.
 *   5. Carrello dei servizi al computer: con l'invio del modulo a schermo, «Continua con i dati…» è a contorno.
 *   6. «Hobbisti ToBePolo» e «Professionisti verificati»: l'invito in fondo «Insegna su ToBePolo» è a contorno; l'oro
 *      resta al bottone d'apertura. In «Insegna il tuo mestiere» lo stesso invito è l'azione della pagina: resta oro.
 *
 * Tutto dentro @layer tbp-appearance: le regole !important di un layer vincono su quelle !important fuori dai layer
 * (i gettoni dell'oro sono lì), e dentro il layer vince la specificità (:not(#tbp-o1) la alza di un id).
 * Niente bordi di accento, niente colori nuovi. Per tornare indietro: file inc/oro-uno/SPENTO. */

@layer tbp-appearance {

	/* ---------- 1. «Prenota» sulle schede ---------- */
	html body:not(.tbp-cu) :not(.tbp-map-feedcard) > .tbp-exp-card :is(a, button).tbp-exp-card__buy:not(:disabled):not([aria-disabled="true"]):not(#tbp-o1) {
		min-height: 44px !important;
		background: #ffffff !important;
		background-image: none !important;
		color: #052b18 !important;
		-webkit-text-fill-color: #052b18 !important;
		border: 0 !important;
		box-shadow: none !important;
		text-shadow: none !important;
		animation: none !important;
	}
	html body:not(.tbp-cu) :not(.tbp-map-feedcard) > .tbp-exp-card :is(a, button).tbp-exp-card__buy:not(:disabled):not([aria-disabled="true"]):not(#tbp-o1)::before,
	html body:not(.tbp-cu) :not(.tbp-map-feedcard) > .tbp-exp-card :is(a, button).tbp-exp-card__buy:not(:disabled):not([aria-disabled="true"]):not(#tbp-o1)::after {
		content: none !important;
		display: none !important;
		animation: none !important;
	}
	@media (hover: hover) {
		html body:not(.tbp-cu) :not(.tbp-map-feedcard) > .tbp-exp-card :is(a, button).tbp-exp-card__buy:not(:disabled):not([aria-disabled="true"]):not(#tbp-o1):hover {
			background: #eef3ef !important;
			color: #052b18 !important;
		}
	}
	/* La scheda sulla mappa, al computer: nella testata della Home c'è già un bottone oro. Tolto quello, si toglie
	   questo blocco e «Prenota» della scheda aperta torna oro anche qui (vedi DA-DECIDERE.md del kit). */
	@media (min-width: 850px) {
		html body .tbp-map-feedcard > .tbp-exp-card :is(a, button).tbp-exp-card__buy:not(:disabled):not([aria-disabled="true"]):not(#tbp-o1) {
			min-height: 44px !important;
			background: #ffffff !important;
			background-image: none !important;
			color: #052b18 !important;
			-webkit-text-fill-color: #052b18 !important;
			border: 0 !important;
			box-shadow: none !important;
			text-shadow: none !important;
			animation: none !important;
		}
		html body .tbp-map-feedcard > .tbp-exp-card :is(a, button).tbp-exp-card__buy:not(:disabled):not([aria-disabled="true"]):not(#tbp-o1)::before,
		html body .tbp-map-feedcard > .tbp-exp-card :is(a, button).tbp-exp-card__buy:not(:disabled):not([aria-disabled="true"]):not(#tbp-o1)::after {
			content: none !important;
			display: none !important;
			animation: none !important;
		}
	}
	@media (min-width: 850px) and (hover: hover) {
		html body .tbp-map-feedcard > .tbp-exp-card :is(a, button).tbp-exp-card__buy:not(:disabled):not([aria-disabled="true"]):not(#tbp-o1):hover {
			background: #eef3ef !important;
			color: #052b18 !important;
		}
	}

	/* ---------- 2. Presentazione in PDF: a contorno ---------- */
	html body .tbp-pres a.tbp-pres__oro:not(#tbp-o1) {
		background: var(--tbp-white, #ffffff) !important;
		background-image: none !important;
		color: var(--tbp-green, #084828) !important;
		-webkit-text-fill-color: var(--tbp-green, #084828) !important;
		-webkit-text-stroke: 0 !important;
		border: 1px solid var(--tbp-green, #084828) !important;
		box-shadow: none !important;
		text-shadow: none !important;
		font-weight: 700 !important;
		animation: none !important;
	}
	html body .tbp-pres a.tbp-pres__oro:not(#tbp-o1)::after {
		content: none !important;
		display: none !important;
		animation: none !important;
	}
	html[data-tbp-theme="dark"] body .tbp-pres a.tbp-pres__oro:not(#tbp-o1) {
		background: transparent !important;
		color: var(--tbp-night-text, #ededed) !important;
		-webkit-text-fill-color: var(--tbp-night-text, #ededed) !important;
		border-color: rgba(237, 237, 237, 0.45) !important;
	}
	@media (hover: hover) {
		html body .tbp-pres a.tbp-pres__oro:not(#tbp-o1):hover {
			background: var(--tbp-sage, #f4f7f5) !important;
		}
		html[data-tbp-theme="dark"] body .tbp-pres a.tbp-pres__oro:not(#tbp-o1):hover {
			background: rgba(237, 237, 237, 0.12) !important;
			border-color: rgba(237, 237, 237, 0.6) !important;
		}
	}

	/* ---------- 3 e 4. Carrello dei servizi: «Accedi» e i tre «Vai ai servizi…» pieni ---------- */
	html body #tbp-car .tbp-car__accedi a.tbp-car__oro:not(#tbp-o1),
	html body #tbp-car.tbp-hub .tbp-car__azioni > a.tbp-car__oro:not(#tbp-o1) {
		background: var(--car-marchio, #145e3f) !important;
		background-image: none !important;
		color: var(--car-su-marchio, #ffffff) !important;
		-webkit-text-fill-color: var(--car-su-marchio, #ffffff) !important;
		font-weight: 700 !important;
	}

	/* ---------- 5. Carrello dei servizi: con l'invio a schermo, il riquadro non ha un secondo oro ---------- */
	html body #tbp-car.tbp-oro-invio-a-schermo .tbp-car__azioni-conto > a.tbp-car__oro:not(#tbp-o1) {
		background: transparent !important;
		background-image: none !important;
		color: var(--car-verde, #084828) !important;
		-webkit-text-fill-color: var(--car-verde, #084828) !important;
		border: 1px solid var(--car-verde, #084828) !important;
		font-weight: 700 !important;
	}
	html[data-tbp-theme="dark"] body #tbp-car.tbp-oro-invio-a-schermo .tbp-car__azioni-conto > a.tbp-car__oro:not(#tbp-o1) {
		color: #ededed !important;
		-webkit-text-fill-color: #ededed !important;
		border-color: #9bdbb5 !important;
	}

	/* ---------- 6. Hobbisti e Professionisti verificati: l'invito in fondo è a contorno chiaro ----------
	   La banda è verde in ogni tema: stesso contorno bianco dei bottoni sulla banda verde di «Il progetto». */
	html body .tbp-ver:not(.tbp-ins) .tbp-ver__invito a.tbp-btn.tbp-ver__cta:not(#tbp-o1) {
		background: transparent !important;
		background-image: none !important;
		color: var(--ver-invito-testo, #ffffff) !important;
		-webkit-text-fill-color: var(--ver-invito-testo, #ffffff) !important;
		-webkit-text-stroke: 0 !important;
		border: 1px solid var(--ver-invito-testo, #ffffff) !important;
		box-shadow: none !important;
		text-shadow: none !important;
		font-weight: 700 !important;
		animation: none !important;
	}
	html body .tbp-ver:not(.tbp-ins) .tbp-ver__invito a.tbp-btn.tbp-ver__cta:not(#tbp-o1)::after {
		content: none !important;
		display: none !important;
		animation: none !important;
	}
	@media (hover: hover) {
		html body .tbp-ver:not(.tbp-ins) .tbp-ver__invito a.tbp-btn.tbp-ver__cta:not(#tbp-o1):hover {
			background: rgba(255, 255, 255, 0.12) !important;
		}
	}
}