/*
Theme Name: YouFurniture Blocchi
Description: Tema a blocchi di youfurniture.net: guide all'arredamento e verticale gelaterie, bar e pasticcerie.
Version: 1.1.0
Requires at least: 6.6
Requires PHP: 8.0
Author: ONiDEA adv
Text Domain: youfurniture-blocchi
License: GPL-2.0-or-later
*/

/* Card cliccabile: tutta la scheda è il link */
.yf-card { position: relative; transition: border-color .15s ease, box-shadow .15s ease; }
.yf-card:hover { border-color: #B9C2B3 !important; box-shadow: 0 4px 18px rgba(24, 34, 28, .06); }
.yf-card a { text-decoration: none; color: inherit; }
.yf-card a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.yf-card a:focus-visible { outline: none; }
.yf-card:focus-within { outline: 3px solid #3F6B12; outline-offset: 2px; }

/* Segnaposto immagine finché non c'è una foto */
.yf-ph { background: #E7EBE3; border-radius: 10px; aspect-ratio: 4 / 3; }

/* Indice della guida */
.yf-toc ol { margin: 0; padding-left: 1.2em; display: flex; flex-direction: column; gap: .55em; }
.yf-toc a { text-decoration: none; }

/* FAQ a fisarmonica */
.wp-block-details { background: #FFFFFF; border: 1px solid #DDE2D8; border-radius: 12px; padding: 14px 20px; }
.wp-block-details summary { cursor: pointer; font-weight: 600; min-height: 28px; }

/* Tabelle larghe scorrono su mobile */
.wp-block-table { overflow-x: auto; }
.wp-block-table table { min-width: 480px; }

/* Menu: area di tocco */
.wp-block-navigation .wp-block-navigation-item__content { padding-block: 10px; }

/* Gallerie: didascalia sotto la foto, non sovrapposta */
.wp-block-gallery.has-nested-images figure.wp-block-image { flex-direction: column; justify-content: flex-start; }
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
	position: static; background: none; color: #4A554E; text-shadow: none;
	font-size: .8rem; line-height: 1.4; text-align: left; padding: 6px 2px 0; max-height: none; overflow: visible;
}
.wp-block-gallery.has-nested-images figure.wp-block-image img { border-radius: 10px; }

/* Footer sempre in fondo anche nelle pagine corte */
.wp-site-blocks { min-height: 100vh; display: flex; flex-direction: column; }
.wp-site-blocks > main, .wp-site-blocks > .wp-block-group:has(> main), .wp-site-blocks > main.wp-block-group { flex: 1 0 auto; }

/* Elenco tipi di prodotto su più colonne */
.yf-prodotti { columns: 3 220px; column-gap: 32px; list-style: none; padding: 0; }
.yf-prodotti li { break-inside: avoid; padding: 6px 0; border-bottom: 1px solid #DDE2D8; }