/* kit insegna-strada-13-10 (CEO 13/10/2026): la strada per chi insegna.
 * Due righe di testo, niente riquadri: la gerarchia la fanno il peso del carattere e lo spazio.
 *   1. /registrazione/: «Vuoi insegnare? Comincia da qui» sta attaccata alla riga d'aiuto «Scegli uno dei modi qui
 *      sotto.», con lo stesso carattere. Il collegamento è verde, in grassetto e sottolineato, come quello di
 *      «Hai già un account? Accedi» (.tbp-auth-rimando__link).
 *   2. /registrazione-professionista/: il collegamento ai conti («Commissione: 30 % più IVA») non va a capo a metà.
 *   3. /servizi-artigiani-hobbisti/: «Insegnare su ToBePolo è gratuito: questi servizi sono facoltativi.» fra il
 *      titolo e la frase d'apertura, in grassetto, con il collegamento «Insegna su ToBePolo».
 * I colori dei temi stanno nel layer tbp-appearance, come nel foglio del carrello. */

/* ---------- 1 e 2. Registrazione ----------
   Dentro il layer: la regola della riga d'aiuto (.tbp-auth-guida, css/tbp-auth-flow.css) è lì con !important. */
@layer tbp-appearance {
	html body .tbp-auth-root p.tbp-auth-guida:has(+ p.tbp-auth-guida--insegna) {
		margin-bottom: 0 !important;
	}
	/* La riga è alta 44 px perché il collegamento è un bersaglio per il dito, come «Hai già un account? Accedi». */
	html body .tbp-auth-root p.tbp-auth-guida.tbp-auth-guida--insegna {
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 0 6px !important;
		margin: -8px 0 4px !important;
	}
	html body #wrapper .tbp-auth-root p.tbp-auth-guida > a.tbp-strada-link {
		color: var(--tbp-green, #084828) !important;
		-webkit-text-fill-color: currentColor !important;
		font-family: inherit !important;
		font-size: inherit !important;
		font-weight: 700 !important;
		line-height: inherit !important;
		text-decoration: underline !important;
		text-underline-offset: 3px !important;
	}
	html body #wrapper .tbp-auth-root p.tbp-auth-guida--insegna > a.tbp-strada-link {
		display: inline-flex !important;
		align-items: center !important;
		min-height: 44px !important;
		padding: 0 2px !important;
	}
	/* Il collegamento ai conti sta su una riga sua, sotto «Iscriversi è gratuito.»: 12 px in più sopra e sotto per il dito. */
	html body #wrapper .tbp-auth-root p.tbp-auth-guida > a.tbp-pro-costo {
		white-space: nowrap !important;
		padding: 12px 4px !important;
		margin: -12px -4px !important;
	}
	html[data-tbp-theme="dark"] body #wrapper .tbp-auth-root p.tbp-auth-guida > a.tbp-strada-link {
		color: #9bdbb5 !important;
		-webkit-text-fill-color: #9bdbb5 !important;
	}
	html[data-tbp-theme="dark"] body .tbp-auth-root p.tbp-auth-guida--insegna {
		color: var(--tbp-night-text, #ededed) !important;
	}
}

/* ---------- 3. Servizi per chi insegna ---------- */
html body #tbp-car p.tbp-car__gratis {
	margin: 0 0 8px;
	font-size: 17px;
	line-height: 1.5;
	color: var(--car-verde);
}
html body #tbp-car p.tbp-car__gratis strong {
	font-weight: 700;
	color: inherit;
}
html body #tbp-car p.tbp-car__gratis a {
	color: var(--car-verde);
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 3px;
	white-space: nowrap;
}
html body #tbp-car p.tbp-car__gratis a:focus-visible {
	outline: 3px solid var(--car-verde);
	outline-offset: 3px;
}
@media (min-width: 1100px) {
	html body #tbp-car p.tbp-car__gratis { font-size: 18px; }
}

@layer tbp-appearance {
	html[data-tbp-theme="dark"] body #tbp-car p.tbp-car__gratis,
	html[data-tbp-theme="dark"] body #tbp-car p.tbp-car__gratis strong {
		color: #ededed !important;
		-webkit-text-fill-color: #ededed !important;
	}
	html[data-tbp-theme="dark"] body #tbp-car p.tbp-car__gratis a {
		color: #9bdbb5 !important;
		-webkit-text-fill-color: #9bdbb5 !important;
	}
}