/*
Theme Name: Panacea 2026
Description: Fondamenta grafiche di Erboristeria Panacea, tema figlio a blocchi di Twenty Twenty-Five.
Author: Erboristeria Panacea
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: panacea-2026
*/

/* I valori di identità sono definiti nei preset modificabili di theme.json. */
:root {
	--panacea-avorio: var(--wp--preset--color--base);
	--panacea-bosco: var(--wp--preset--color--contrast);
	--panacea-salvia: var(--wp--preset--color--salvia);
	--panacea-rame: var(--wp--preset--color--rame);
	/* Compatibilità cromatica con i pattern ereditati dal tema principale. */
	--wp--preset--color--accent-1: var(--panacea-salvia);
	--wp--preset--color--accent-2: var(--panacea-rame);
	--wp--preset--color--accent-3: var(--panacea-bosco);
	--wp--preset--color--accent-4: var(--panacea-bosco);
	--wp--preset--color--accent-5: var(--panacea-avorio);
	--wp--preset--color--accent-6: var(--panacea-salvia);
}

:where(.wp-site-blocks, .editor-styles-wrapper) {
	overflow-wrap: break-word;
}

:where(h1, h2, h3, h4, h5, h6, .wp-block-heading) {
	text-wrap: balance;
}

:where(.wp-block-post-content, .editor-styles-wrapper) p {
	text-wrap: pretty;
}

:where(.wp-site-blocks, .editor-styles-wrapper) :where(a, button, input, textarea, select):focus-visible {
	outline: 2px solid var(--panacea-bosco);
	outline-offset: 3px;
}

:where(.wp-block-button__link) {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	max-inline-size: 100%;
	white-space: normal;
	text-align: center;
	transition: background-color 160ms ease, color 160ms ease;
}

:where(.wp-block-navigation-item__content) {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
}

:where(.wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close) {
	min-width: 44px;
	min-height: 44px;
	align-items: center;
	justify-content: center;
}

:where(.wp-block-columns > .wp-block-column, .wp-block-group.is-layout-flex > *) {
	min-inline-size: 0;
}

:where(.wp-block-image img, .wp-block-video video, .wp-block-post-featured-image img) {
	max-inline-size: 100%;
	height: auto;
}

:where(.wp-block-post-content, .editor-styles-wrapper) a:not(.wp-block-button__link) {
	text-underline-offset: 0.2em;
	text-decoration-thickness: 1px;
}

/* I vecchi nomi dei preset restano utilizzabili senza mostrare altri colori. */
.has-accent-1-color, .has-accent-6-color { color: var(--panacea-salvia) !important; }
.has-accent-2-color { color: var(--panacea-rame) !important; }
.has-accent-3-color, .has-accent-4-color { color: var(--panacea-bosco) !important; }
.has-accent-5-color { color: var(--panacea-avorio) !important; }
.has-accent-1-background-color, .has-accent-6-background-color { background-color: var(--panacea-salvia) !important; }
.has-accent-2-background-color { background-color: var(--panacea-rame) !important; }
.has-accent-3-background-color, .has-accent-4-background-color { background-color: var(--panacea-bosco) !important; }
.has-accent-5-background-color { background-color: var(--panacea-avorio) !important; }
.has-accent-1-border-color, .has-accent-6-border-color { border-color: var(--panacea-salvia) !important; }
.has-accent-2-border-color { border-color: var(--panacea-rame) !important; }
.has-accent-3-border-color, .has-accent-4-border-color { border-color: var(--panacea-bosco) !important; }
.has-accent-5-border-color { border-color: var(--panacea-avorio) !important; }

@media (max-width: 600px) {
	.wp-block-buttons { gap: 0.75rem; }
	.wp-block-buttons > .wp-block-button:not(.has-custom-width) { max-inline-size: 100%; }
}

@media (prefers-reduced-motion: reduce) {
	.wp-block-button__link { transition: none; }
}