/* ==========================================================================
   Ebike Premium — stili per i blocchi nativi (Gutenberg)
   --------------------------------------------------------------------------
   Usato sia dal frontend sia dall'editor (add_editor_style).
   I colori e le spaziature arrivano da theme.json tramite le variabili
   --wp--preset--* generate da WordPress.
   ========================================================================== */

/* --- Contenitori e allineamenti ------------------------------------------ */

.ebike-blocks .alignwide,
.entry-content > .alignwide {
	max-width: var(--wp--style--global--wide-size, 1200px);
}

.ebike-blocks .alignfull,
.entry-content > .alignfull {
	max-width: none;
	width: 100%;
}

/* Su pagine a blocchi il contenuto usa l'intera larghezza utile */
.wp-block-group {
	margin-bottom: 0;
}

/* --- Tipografia del contenuto -------------------------------------------- */

.entry-content > p,
.entry-content > ul,
.entry-content > ol,
.wp-block-post-content > p,
.wp-block-post-content > ul,
.wp-block-post-content > ol {
	margin-top: 0;
	margin-bottom: var(--wp--preset--spacing--40, 1.5rem);
}

.entry-content > h2,
.entry-content > h3,
.wp-block-post-content > h2,
.wp-block-post-content > h3 {
	margin-top: var(--wp--preset--spacing--50, 2.5rem);
	margin-bottom: var(--wp--preset--spacing--30, 1rem);
}

.entry-content li + li,
.wp-block-post-content li + li {
	margin-top: 0.35em;
}

/* Occhiello / testo guida */
.wp-block-paragraph.is-style-occhiello {
	font-size: var(--wp--preset--font-size--grande, 20px);
	line-height: 1.6;
	color: var(--wp--preset--color--grigio, #5A5A5A);
	max-width: 46rem;
}

/* --- Bottoni -------------------------------------------------------------- */

.wp-block-button .wp-block-button__link {
	border-radius: 6px;
	font-family: var(--wp--preset--font-family--testo, inherit);
	font-weight: 600;
	transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
	text-decoration: none;
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--ocra-scuro, #C9902C);
	transform: translateY(-2px);
	box-shadow: 0 6px 18px rgba(224, 166, 59, 0.35);
}

/* Bottone verde */
.wp-block-button.is-style-verde .wp-block-button__link {
	background-color: var(--wp--preset--color--verde, #26382F);
	color: var(--wp--preset--color--bianco, #fff);
}

.wp-block-button.is-style-verde .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--verde-chiaro, #3F5F46);
	box-shadow: 0 6px 18px rgba(38, 56, 47, 0.35);
}

/* Bottone con contorno scuro */
.wp-block-button.is-style-contorno-scuro .wp-block-button__link {
	background-color: transparent;
	color: var(--wp--preset--color--verde, #26382F);
	border: 2px solid var(--wp--preset--color--verde, #26382F);
	padding: 12px 26px;
}

.wp-block-button.is-style-contorno-scuro .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--verde, #26382F);
	color: var(--wp--preset--color--bianco, #fff);
	transform: translateY(-2px);
}

/* Gruppo di bottoni: spaziatura e a capo su mobile */
.wp-block-buttons {
	gap: 12px;
}

.wp-block-buttons.is-content-justification-left > .wp-block-button {
	margin: 0;
}

/* --- Stili dei contenitori ------------------------------------------------ */

/* Card elevata */
.wp-block-group.is-style-card-elevata {
	background: var(--wp--preset--color--bianco, #fff);
	border: 1px solid rgba(38, 56, 47, 0.10);
	border-radius: var(--wp--custom--radius, 12px);
	padding: var(--wp--preset--spacing--40, 1.5rem);
	box-shadow: var(--wp--custom--shadow-soft, 0 10px 30px rgba(24, 27, 23, 0.08));
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.wp-block-group.is-style-card-elevata:hover {
	transform: translateY(-3px);
	box-shadow: var(--wp--custom--shadow-hover, 0 16px 40px rgba(24, 27, 23, 0.14));
}

/* Fascia verde scuro */
.wp-block-group.is-style-fascia-verde {
	background-color: var(--wp--preset--color--verde, #26382F);
	color: var(--wp--preset--color--bianco, #fff);
	border-radius: var(--wp--custom--radius, 12px);
}

.wp-block-group.is-style-fascia-verde :where(h1, h2, h3, h4, p, li) {
	color: inherit;
}

.wp-block-group.is-style-fascia-verde a {
	color: var(--wp--preset--color--ocra, #E0A63B);
}

/* Fascia crema */
.wp-block-group.is-style-fascia-crema {
	background-color: var(--wp--preset--color--avorio, #FFFAF0);
	border-radius: var(--wp--custom--radius, 12px);
}

/* --- Immagini e figure ---------------------------------------------------- */

.wp-block-image img {
	border-radius: var(--wp--custom--radius-small, 6px);
}

.wp-block-image figcaption {
	font-size: var(--wp--preset--font-size--piccolo, 14px);
	color: var(--wp--preset--color--grigio, #5A5A5A);
	text-align: left;
	margin-top: 8px;
}

/* --- Citazioni, separatori, tabelle, liste -------------------------------- */

.wp-block-quote {
	background: var(--wp--preset--color--avorio, #FFFAF0);
	border-left: 4px solid var(--wp--preset--color--ocra, #E0A63B);
	border-radius: 0 var(--wp--custom--radius-small, 6px) var(--wp--custom--radius-small, 6px) 0;
	padding: var(--wp--preset--spacing--40, 1.5rem);
	font-style: normal;
}

.wp-block-quote cite {
	font-family: var(--wp--preset--font-family--testo, inherit);
	font-size: var(--wp--preset--font-size--piccolo, 14px);
	color: var(--wp--preset--color--grigio, #5A5A5A);
	font-style: normal;
}

.wp-block-separator {
	border: 0;
	border-top: 1px solid var(--wp--preset--color--crema, #F6EBD8);
	margin: var(--wp--preset--spacing--50, 2.5rem) auto;
}

.wp-block-table {
	border-collapse: collapse;
	width: 100%;
}

.wp-block-table th {
	background: var(--wp--preset--color--avorio, #FFFAF0);
	color: var(--wp--preset--color--verde, #26382F);
	font-family: var(--wp--preset--font-family--titoli, inherit);
	text-align: left;
}

.wp-block-table th,
.wp-block-table td {
	border: 1px solid var(--wp--preset--color--crema, #F6EBD8);
	padding: 10px 14px;
}

/* --- Griglie -------------------------------------------------------------- */

.wp-block-columns {
	gap: var(--wp--preset--spacing--40, 1.5rem);
}

@media (max-width: 781px) {
	.wp-block-columns:not(.is-not-stacked-on-mobile) {
		gap: var(--wp--preset--spacing--30, 1rem);
	}

	.wp-block-buttons .wp-block-button {
		width: 100%;
	}

	.wp-block-buttons .wp-block-button__link {
		width: 100%;
		text-align: center;
	}
}

/* --- Embed e video -------------------------------------------------------- */

.wp-block-embed {
	margin-bottom: var(--wp--preset--spacing--40, 1.5rem);
}

.wp-block-embed iframe {
	border-radius: var(--wp--custom--radius, 12px);
}

/* --- Blocco shortcode: recupera il contesto del tema ---------------------- */

.wp-block-shortcode .tour-grid {
	margin-top: var(--wp--preset--spacing--40, 1.5rem);
}

/* Griglia tour dello shortcode: una colonna sugli schermi piccoli */
@media (max-width: 640px) {
	.erp-tours .erp-tours-grid {
		grid-template-columns: 1fr !important;
	}
}