/* Collezione delle camicie (dal 2026-10-27 anche maglieria, cravatte e cinture), dal mockup (blocco fiore/collezione, 2026-10-20).
   Misure da Camicie.html, riportate in strategia/sito-2.0/QA/confronto-mockup/SPEC-TESTATA-COLLEZIONE.md, sezione 4.
   Niente corsivo: la seconda metà del titolo e il nome sulla foto restano dritti (decisione del 2026-10-15). */

.fiore-collection:has(.fiore-coll) { padding-top: 0 !important; padding-bottom: 0 !important; }
.fiore-coll { --fiore-testa: 0px; }
.fiore-coll__testa { padding-block: clamp(24px, 3vw, 40px) clamp(22px, 2.4vw, 32px); }
.fiore-coll__briciole { display: flex; gap: 8px; font: 400 11.5px/1 var(--wp--preset--font-family--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--muted); margin-bottom: 14px; }
.fiore-coll__briciole a { color: inherit; text-decoration: none; }
.fiore-coll__briciole a:hover { color: var(--wp--preset--color--ink); }
.fiore-coll__briciole [aria-current] { color: var(--wp--preset--color--ink); }
/* titolo su una riga con la frase accanto (mockup): su un 15 pollici al 125% (1536x695) la prima fila di camicie
   deve vedersi appena si apre la pagina (feedback di Nicola del 2026-10-20) */
.fiore-coll__titolo { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 12px 48px; }
.fiore-coll__titolo h1 { margin: 0; font-size: clamp(36px, 3.4vw, 52px); line-height: 1.04; font-weight: 400; }
.fiore-coll__titolo h1 em { font-style: normal; display: inline; }
.fiore-coll__titolo p { margin: 0; max-width: 420px; font-size: 16px; line-height: 1.5; color: var(--wp--preset--color--text); }

/* le quattro schede delle linee */
.fiore-coll__sentinella { display: block; height: 1px; margin-bottom: -1px; }
.fiore-coll__linee { position: sticky; top: var(--fiore-testa); z-index: 30; display: grid; grid-template-columns: repeat(var(--fiore-schede, 4), minmax(0, 1fr)); border-top: 2px solid var(--wp--preset--color--ink); background: var(--wp--preset--color--paper); }
.fiore-coll__linea { display: grid; align-content: start; gap: 6px; padding: 20px 18px 22px; border-right: 1px solid var(--wp--preset--color--line); border-bottom: 1px solid var(--wp--preset--color--line); color: var(--wp--preset--color--ink); text-decoration: none; transition: background-color .25s, color .25s, padding .25s; }
.fiore-coll__linea:last-child { border-right: 0; }
.fiore-coll__linea:hover { background: var(--wp--preset--color--paper-alt); }
.fiore-coll__linea.is-on { background: var(--wp--preset--color--ink); color: var(--wp--preset--color--paper); }
.fiore-coll__linea-testa { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.fiore-coll__linea-nome { font: 400 22px/1.15 var(--wp--preset--font-family--serif); transition: font-size .25s; }
.fiore-coll__linea-n { font: 400 12px/1 var(--wp--preset--font-family--sans); letter-spacing: .06em; white-space: nowrap; }
.fiore-coll__linea-breve { font: 400 14px/1.4 var(--wp--preset--font-family--sans); }
.fiore-coll__linea-prezzo { margin-top: 4px; font: 400 12px/1.2 var(--wp--preset--font-family--sans); letter-spacing: .12em; text-transform: uppercase; }
.fiore-coll.is-agganciata .fiore-coll__linea { padding: 12px 18px; }
.fiore-coll.is-agganciata .fiore-coll__linea-nome { font-size: 17px; }
.fiore-coll.is-agganciata :is(.fiore-coll__linea-n, .fiore-coll__linea-breve, .fiore-coll__linea-prezzo) { display: none; }

.fiore-coll__riga { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 8px 32px; margin: 20px 0 24px; }
.fiore-coll__frase { margin: 0; max-width: 1000px; font-size: 16px; line-height: 1.5; color: var(--wp--preset--color--text); }
.fiore-coll__conta { display: flex; align-items: baseline; gap: 14px; margin: 0; font: 400 12px/1 var(--wp--preset--font-family--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--muted); }
.fiore-coll__numero b { font-weight: 400; }
/* «Tutta la maglieria», «Tutte, cravatte e cinture»: link di testo, non scheda (Nicola, 2026-10-27) */
.fiore-coll__tutte { color: var(--wp--preset--color--ink); font-weight: 900; text-decoration: none; padding-bottom: 5px; border-bottom: 1px solid var(--wp--preset--color--line-strong); transition: border-color .2s; }
.fiore-coll__tutte:hover, .fiore-coll__tutte.is-on { border-bottom-color: var(--wp--preset--color--ink); }
.fiore-coll__tutte.is-on { border-bottom-width: 2px; }

/* la griglia: ogni elemento al suo posto, la foto sempre 3:4, collo e prezzo sulla stessa riga */
.fiore-coll__griglia { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(var(--fiore-col, 4), minmax(0, 1fr)); gap: 40px 16px; }
.fiore-capo { display: grid; min-width: 0; }
.fiore-capo[hidden] { display: none; }
.fiore-capo__link { display: grid; grid-template-rows: auto 1fr; gap: 10px; color: var(--wp--preset--color--ink); text-decoration: none; min-width: 0; }
.fiore-capo__foto { position: relative; display: block; aspect-ratio: 3 / 4; background: var(--wp--preset--color--paper-alt); overflow: hidden; }
.fiore-capo__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; }
.fiore-capo__img--due { opacity: 0; transition: opacity .35s ease; }
.fiore-capo__link:is(:hover, :focus-visible) .fiore-capo__img--due[srcset] { opacity: 1; }
.fiore-capo__etichetta { position: absolute; top: 12px; left: 12px; background: var(--wp--preset--color--ink); color: var(--wp--preset--color--paper); padding: 6px 10px; font: 400 10.5px/1 var(--wp--preset--font-family--sans); letter-spacing: .16em; text-transform: uppercase; white-space: nowrap; }
.fiore-capo__nome { position: absolute; left: 12px; bottom: 12px; max-width: calc(100% - 24px); background: var(--wp--preset--color--paper); padding: 9px 14px; font: 400 17px/1.2 var(--wp--preset--font-family--serif); color: var(--wp--preset--color--ink); text-wrap: balance; }
.fiore-capo__dati { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: 10px; font: 400 14px/1.35 var(--wp--preset--font-family--sans); }
.fiore-capo__collo { color: var(--wp--preset--color--text); }
.fiore-capo__prezzo { font: 400 24px/1 var(--wp--preset--font-family--serif); font-variant-numeric: tabular-nums; color: var(--wp--preset--color--ink); white-space: nowrap; }

/* da telefono: barra delle linee in basso */
.fiore-coll__barra { position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; display: grid; grid-template-columns: repeat(var(--fiore-schede, 4), minmax(0, 1fr)); background: var(--wp--preset--color--paper); border-top: 2px solid var(--wp--preset--color--ink); padding-bottom: env(safe-area-inset-bottom); }
.fiore-coll__barra[hidden] { display: none; }
.fiore-coll__barra a { display: flex; align-items: center; justify-content: center; height: 52px; font: 400 14px/1 var(--wp--preset--font-family--serif); color: var(--wp--preset--color--ink); text-decoration: none; border-right: 1px solid var(--wp--preset--color--line); }
.fiore-coll__barra a:last-child { border-right: 0; }
.fiore-coll__barra a.is-on { background: var(--wp--preset--color--ink); color: var(--wp--preset--color--paper); }

@media (max-width: 760px) {
	.fiore-coll__testa { padding-block: 22px 20px; }
	.fiore-coll__titolo h1 { font-size: 32px; }
	.fiore-coll__titolo h1 em { display: block; }
	.fiore-coll__titolo p { font-size: 15px; }
	.fiore-coll__linee { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.fiore-coll__linea { padding: 12px 10px 14px; border-right: 1px solid var(--wp--preset--color--line); }
	.fiore-coll__linea:nth-child(2n) { border-right: 0; }
	.fiore-coll__linea-nome { font-size: 17px; }
	.fiore-coll__linea-testa { flex-wrap: wrap; gap: 2px 8px; }
	.fiore-coll__linea-breve { font-size: 12.5px; }
	.fiore-coll__riga { margin: 18px 0; }
	.fiore-coll__barra a { font-size: 13px; padding-inline: 4px; text-align: center; }
	.fiore-coll__frase { display: none; } /* da telefono basta la frase breve nella scheda della linea: la griglia sale */
	.fiore-coll__griglia { gap: 22px 10px; }
	.fiore-capo__etichetta { top: 8px; left: 8px; }
	.fiore-capo__nome { left: 8px; bottom: 8px; max-width: calc(100% - 16px); padding: 6px 9px; font-size: 14px; }
	.fiore-capo__dati { font-size: 12.5px; }
	.fiore-capo__prezzo { font-size: 19px; }
	body:has(.fiore-coll__barra:not([hidden])) { padding-bottom: 54px; }
}
@media (prefers-reduced-motion: reduce) {
	.fiore-coll__linea, .fiore-coll__linea-nome, .fiore-capo__img--due { transition: none; }
}

/* «Hai un dubbio?» in fondo alla categoria: la stessa distanza dalla griglia che ha dalle correlate nella scheda */
.fiore-collection > .fiore-doubt { margin-top: var(--wp--preset--spacing--section) !important; }