/*
 * L'oro liquido anche dove non arrivava (Elind, 13/9).
 *
 * «Tutti i bottoni oro devono essere liquidi come il bottone Acquista delle
 * card, con testo bianco.» Quel bottone non ha un trucco suo: usa i gettoni
 * del sistema — --tbp-cta-gold per il fondo, --tbp-gold-label per la scritta,
 * --tbp-cta-light per il riflesso. Il punto e' che quei gettoni sono
 * dichiarati su `body:not(.login):not(.registrazione)`: le pagine di accesso
 * erano state congelate e restavano fuori. Risultato, il bottone «Accedi»
 * era oro piatto #C9A227 con la scritta quasi nera, mentre due schermate
 * piu' in la' «Acquista» era liquido e bianco.
 *
 * Qui le pagine di accesso ricevono gli stessi gettoni — solo quelli dell'oro,
 * non tutta la tavolozza, che resta com'era — e i due bottoni di invio
 * prendono la stessa ricetta degli altri. Una sola ricetta, scritta una volta
 * sola nei gettoni: questo foglio non ne inventa una seconda.
 */

body.login,
body.registrazione {
	--tbp-cta-gold: linear-gradient(135deg, #F0BE00 0%, #A8821C 100%);
	--tbp-gold-label: #084828; /* D71, 23/9: testo verde sull'oro, prima bianco (13/9) */
	--tbp-gold-label-shadow: none;
	--tbp-cta-light:
		radial-gradient(ellipse at 30% 30%, rgba(255, 250, 221, .5) 0%, rgba(255, 245, 186, .22) 32%, rgba(255, 211, 0, 0) 68%),
		radial-gradient(ellipse at 15% 30%, rgba(255, 211, 0, .5) 0%, rgba(255, 211, 0, .24) 38%, rgba(255, 211, 0, 0) 72%),
		radial-gradient(ellipse at 85% 70%, rgba(201, 162, 39, .45) 0%, rgba(201, 162, 39, .22) 38%, rgba(201, 162, 39, 0) 72%);
}

/* Il fondo e la scritta. `-webkit-text-fill-color` va messo insieme a
   `color`: da solo `color` non vince sempre, e quando perde la scritta resta
   scura su oro — difetto gia' visto e gia' pagato una volta. */
html body .woocommerce-form-login__submit,
html body .woocommerce-form-register__submit {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	border: 0 !important;
	background: var(--tbp-cta-gold) !important;
	color: var(--tbp-gold-label, #ffffff) !important;
	-webkit-text-fill-color: var(--tbp-gold-label, #ffffff) !important;
	text-shadow: var(--tbp-gold-label-shadow, none) !important;
	font-weight: 800;
}

/* Il riflesso: sta sotto la scritta, non la tocca e non intercetta il dito. */
html body .woocommerce-form-login__submit::after,
html body .woocommerce-form-register__submit::after {
	content: "";
	position: absolute;
	z-index: -1;
	inset: -20px -300px;
	background: var(--tbp-cta-light);
	opacity: .83;
	pointer-events: none;
}

/*
 * «Non hai ancora un account?» stava incollato al bottone oro — zero pixel —
 * e a dieci dal bottone verde a cui si riferisce. Letto dall'alto sembrava la
 * didascalia di «Accedi», ed era confusionario (Elind, 13/9). Adesso prende
 * aria sopra e si stringe sotto: l'invito appartiene al verde.
 */
html body .woocommerce-form-row.registrati {
	margin-top: 26px;
}

html body .tbp-registrati__invito {
	margin-bottom: 2px;
}