/*
Theme Name: Ortona
Template: twentytwentyfour
Author: Blue-Hole.it
Description: Tema child di Twenty Twenty-Four per il comune di Ortona
Version: 1.1.0
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ortona
*/

/* core/button, stile "ortona-link": link d'azione rosso con freccia in cerchio */
.wp-block-button.is-style-ortona-link .wp-block-button__link,
.wp-block-button.is-style-ortona-link .wp-block-button__link:hover,
.wp-block-button.is-style-ortona-link .wp-block-button__link:focus {
	display: inline-flex;
	align-items: center;
	gap: 0.75em;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	color: var(--wp--preset--color--accent);
	font-weight: 700;
}

.wp-block-button.is-style-ortona-link .wp-block-button__link::after {
	content: "";
	flex: none;
	width: 2.25em;
	height: 2.25em;
	border-radius: 50%;
	background: var(--wp--preset--color--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / 45% no-repeat;
	transition: transform 0.2s ease;
}

.wp-block-button.is-style-ortona-link .wp-block-button__link:hover::after {
	transform: translateX(4px);
}

/* core/group, stile "ortona-panel": pannello beige arrotondato */
.wp-block-group.is-style-ortona-panel {
	border-radius: 10px;
	background-color: var(--wp--preset--color--base-2);
	padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--50);
}

/* core/columns, stile "ortona-staggered": colonne pari sfalsate solo su desktop */
@media (min-width: 782px) {
	.wp-block-columns.is-style-ortona-staggered > .wp-block-column:nth-child(even) {
		margin-top: var(--wp--preset--spacing--80);
	}
}

@media (prefers-reduced-motion: reduce) {
	.wp-block-button.is-style-ortona-link .wp-block-button__link::after {
		transition: none;
	}
}