/*
Theme Name: Le vie di Bacco
Theme URI: https://leviedibacco.com
Author: Pietro Occhiuto
Description: Tema a blocchi per il blog di vino Le vie di Bacco. Palette bordeaux, crema, verde muschio e oro, coerente con i caroselli social. Nessun font esterno: nessuna chiamata a servizi di terze parti.
Version: 1.0.1
Requires at least: 6.4
Tested up to: 6.8
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: leviedibacco
*/

/* Etichetta: il blocco principale della home, come un'etichetta di bottiglia */
.etichetta {
	position: relative;
	isolation: isolate;
}
.etichetta::before {
	content: "";
	position: absolute;
	inset: clamp(0.6rem, 1.6vw, 1.1rem);
	border: 1px solid var(--wp--preset--color--oro);
	outline: 1px solid var(--wp--preset--color--oro);
	outline-offset: 5px;
	pointer-events: none;
	z-index: -1;
}
.etichetta .wp-block-post-title a,
.etichetta .wp-block-post-title {
	color: var(--wp--preset--color--crema);
	text-decoration: none;
}
.etichetta .wp-block-post-title a:hover {
	text-decoration: underline;
	text-decoration-color: var(--wp--preset--color--oro);
	text-underline-offset: 0.2em;
}
.etichetta .wp-block-post-terms a,
.etichetta .wp-block-post-date {
	color: var(--wp--preset--color--oro);
}
.etichetta .wp-block-post-excerpt {
	color: var(--wp--preset--color--crema);
	max-width: 36rem;
}
.etichetta .wp-block-post-excerpt__more-link {
	color: var(--wp--preset--color--crema);
	font-weight: 600;
}

/* Filiere: le categorie come pastiglie sobrie */
.filoni .wp-block-categories {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	list-style: none;
	margin: 0;
	padding: 0;
}
.filoni .wp-block-categories a {
	display: inline-block;
	padding: 0.45em 1.1em;
	border: 1px solid var(--wp--preset--color--muschio);
	color: var(--wp--preset--color--muschio);
	text-decoration: none;
	font-size: var(--wp--preset--font-size--piccolo);
	font-weight: 600;
}
.filoni .wp-block-categories a:hover,
.filoni .wp-block-categories a:focus-visible {
	background: var(--wp--preset--color--muschio);
	color: var(--wp--preset--color--crema);
}

/* Griglia articoli */
.articolo-scheda .wp-block-post-featured-image img {
	aspect-ratio: 4 / 3;
	object-fit: cover;
	width: 100%;
}
.articolo-scheda .wp-block-post-title {
	margin-top: 0.5rem;
}

/* Testata: filo dorato sotto */
.testata {
	border-bottom: 1px solid var(--wp--preset--color--oro);
}

/* Footer */
.piede a {
	color: var(--wp--preset--color--crema);
}
.piede .wp-block-social-links a {
	text-decoration: none;
}

/* Focus visibile ovunque */
:where(a, button, input, summary):focus-visible {
	outline: 2px solid var(--wp--preset--color--bordeaux);
	outline-offset: 3px;
}
.piede :where(a, button):focus-visible,
.etichetta :where(a, button):focus-visible {
	outline-color: var(--wp--preset--color--oro);
}

/* Rispetta chi preferisce meno movimento */
@media (prefers-reduced-motion: reduce) {
	* {
		scroll-behavior: auto !important;
		transition: none !important;
		animation: none !important;
	}
}

/* Home: foto grande accanto all'etichetta */
.hero-colonne .wp-block-post-featured-image,
.hero-colonne .wp-block-post-featured-image a {
	display: block;
	height: 100%;
}
.hero-colonne .wp-block-post-featured-image img {
	height: 100% !important;
	width: 100%;
	object-fit: cover;
}
.hero-colonne .etichetta {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-sizing: border-box;
}

/* Barra alta: titolo lungo del sito, sobrio */
.barra-alta .wp-block-site-title a {
	color: var(--wp--preset--color--inchiostro);
}
.barra-principale .wp-block-site-logo img {
	height: auto;
}