/* Base CTA condivisa fra frontend e canvas Gutenberg.
 * Il tema governa font, colori predefiniti e stati dei pulsanti; i blocchi
 * mantengono taglie e interazioni proprie. editor-style.css contiene soltanto
 * gli adattamenti necessari alla cascata Gutenberg, compresa la famiglia card.
 * Le classi card sono riusate da più blocchi e renderer, non solo Post Card. */

:is(.wp-block-button.asca-button, .aw-button--discover, .aw-button--more) {
	margin: 0;
}

:is(.wp-block-button.asca-button, .aw-button--discover) { --asca-button-font-size: var(--asca-bt-discover-font-size); }
.aw-button--more { --asca-button-font-size: var(--asca-bt-more-font-size); }

:is(.wp-block-button.asca-button, .aw-button--discover, .aw-button--more) :is(.wp-block-button__link, .aw-button__link) {
	align-items: center;
	display: inline-flex;
	font-family: var(--wp--preset--font-family--titillium-web, sans-serif);
	font-size: var(--asca-button-font-size, var(--wp--preset--font-size--normal, var(--wp--preset--font-size--medium, 1rem)));
	font-weight: 700;
	gap: 0.5rem;
	justify-content: center;
	letter-spacing: 0.01em;
	line-height: 1.2;
	min-height: 30px;
	text-decoration: none;
	text-transform: uppercase;
	transition: color 160ms ease;
}

:is(.wp-block-button.asca-button, .aw-button--discover, .aw-button--more) :is(.wp-block-button__link, .aw-button__link):hover,
:is(.wp-block-button.asca-button, .aw-button--discover, .aw-button--more) :is(.wp-block-button__link, .aw-button__link):focus-visible {
	opacity: 1;
	text-decoration: none;
}

/*
 * Mantiene il colore primario ASCA solo come fallback. Gutenberg applica una
 * classe `.has-text-color` (o uno stile inline) direttamente al link quando un
 * editor seleziona un colore testo: non competere con tale scelta utente.
 * Le icone Font Awesome ereditano lo stesso colore dal relativo link.
 */
:is(.wp-block-button.asca-button, .aw-button--discover, .aw-button--more) :is(.wp-block-button__link, .aw-button__link):not(.has-text-color) {
	color: var(--wp--preset--color--primary-main, #706daa);
}

:is(.wp-block-button.asca-button, .aw-button--discover, .aw-button--more) :is(.wp-block-button__link, .aw-button__link):not(.has-background) {
	background: transparent;
}

/* Le CTA sistema non sono istanze core/button configurabili dall'editor: conserva
 * il relativo contratto originale compatto, solo testuale (per esempio "Mostra di più"). */
:is(.aw-button--discover, .aw-button--more) .aw-button__link {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: var(--wp--preset--color--primary-main, #706daa);
	padding: 0;
}

:is(.aw-button--discover, .aw-button--more) .aw-button__link:hover,
:is(.aw-button--discover, .aw-button--more) .aw-button__link:focus-visible {
	background: transparent;
	color: var(--wp--preset--color--primary-dark-1, #56538a);
}

/* Il blocco Discover More memorizza il supporto colore Gutenberg nel wrapper.
 * Consente a etichetta e icona Font Awesome di ereditare tale scelta editoriale. */
.wp-block-asca-g-elements-bt-discover.aw-button--discover.has-text-color .aw-button__link {
	color: inherit;
}


/* Pulsanti ASCA nativi: risposta hover contenuta senza decorare il
 * chevron Font Awesome. La sottolineatura termina prima dell'icona generata. */
.wp-block-button.asca-button:not(.asca-button--icon-chevron) .wp-block-button__link {
	position: relative;
}

.wp-block-button.asca-button:not(.asca-button--icon-chevron) .wp-block-button__link::before {
	background: currentColor;
	bottom: -0.16em;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	right: calc(1.3rem + 0.5rem);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 160ms ease;
}

.wp-block-button.asca-button:not(.asca-button--icon-chevron) .wp-block-button__link:hover,
.wp-block-button.asca-button:not(.asca-button--icon-chevron) .wp-block-button__link:focus-visible {
	opacity: 0.84;
}

.wp-block-button.asca-button:not(.asca-button--icon-chevron) .wp-block-button__link:hover::before,
.wp-block-button.asca-button:not(.asca-button--icon-chevron) .wp-block-button__link:focus-visible::before {
	transform: scaleX(1);
}

/* La barra CTA full-width nelle card verticali mantiene l'etichetta sul margine finale. */
.aw-post-card-vert__cta .aw-button__link {
	justify-content: flex-end !important;
	text-align: right;
}

.wp-block-button.asca-button.asca-button--discover .wp-block-button__link::after {
	content: "\f138";
	display: inline-block;
	flex: 0 0 auto;
	font-family: "Font Awesome 6 Free";
	font-size: 1.3rem;
	font-style: normal;
	font-variant: normal;
	font-weight: 900;
	line-height: 1;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.wp-block-button.asca-button.asca-button--icon-chevron .wp-block-button__link {
	align-items: center;
	align-self: stretch;
	display: flex;
	font-size: clamp(3.5rem, 5.4vw, 6rem);
	height: 100%;
	justify-content: center;
	line-height: 1;
	min-height: 100%;
	padding: 0;
}

.wp-block-button.asca-button.asca-button--icon-chevron .wp-block-button__link:not(.has-text-color) {
	color: var(--wp--preset--color--primary-main, #3169b1);
}

.wp-block-button.asca-button.asca-button--icon-chevron .wp-block-button__link i {
	display: block;
	line-height: 1;
}