/* ===== STATISTICHE S4a: Affari, i migliori e i peggiori acquisti (marcatori.php, ?tab=affari) - prefisso saf- =====
   File SEPARATO, caricato solo da marcatori.php: css/stilenew.css e css/fantamedia.css restano identici.
   DUE ELENCHI AFFIANCATI (correzione di Davide dopo il gemello, 12/11): la griglia a due card di "Per squadra" (marc-preview-squadre, card
   marc-preview-squadra con la testata scura): migliori a sinistra, peggiori a destra; sotto gli 800 px una sotto l'altra, migliori sopra (regola del
   sito, qui non si tocca).
   Dentro le card le righe hanno l'IMPALCATURA della Top/Flop (css/fantamedia.css: fmd-riga, fmd-pos, fmd-foto, fmd-chi, fmd-stats, fmd-media col
   colore della media, fmd-delta coi colori su/giu/pari) con le SUE misure e i SUOI colori, ricopiati qui sotto valore per valore. La Top/Flop sceglie la
   forma della riga dalla larghezza dello SCHERMO (una riga sopra i 1000 px, due sotto); qui ogni card e' larga meta' pannello, quindi la scelta si fa
   sulla LARGHEZZA DELLA CARD (container query "saf-elenco"), con gli stessi valori:
   - card stretta (sotto 550 px, e browser senza container query): le DUE righe della Top/Flop sotto i 1000 px: nome e squadra con la media a destra,
     poi CREDITI e PRES con la loro etichetta e i punti a destra; niente intestazione; sotto i 360 px di schermo le misure della Top/Flop sotto i 360;
   - card larga (da 550 px): la riga della Top/Flop sopra i 1000 px, con l'intestazione: posizione 34, foto 42, giocatore (almeno 150), Crediti 50
     (la larghezza di Pres), Media 78, Pres 50, Punti 50; 550 = 24 di margini della riga + 376 di colonne fisse e spazi + 150 per il giocatore.
   REGOLA DI SEMPRE: quando non ci sta si va a capo, non si taglia e non si rimpicciolisce: il nome del giocatore va a capo fra le parole (la Top/Flop
   mette i puntini), la squadra resta intera su una riga (misurata: ci sta da 320 px). */
.saf-elenco{container:saf-elenco/inline-size}
/* card stretta: le due righe della Top/Flop sotto i 1000 px */
.saf-panel .fmd-testa{display:none}
.saf-panel .fmd-riga{grid-template-columns:24px 36px minmax(0,1fr) auto;grid-template-areas:"pos foto chi media" "pos foto stats delta";gap:2px 8px;padding:9px 4px}
.saf-panel .fmd-foto{width:36px;height:36px}
.saf-panel .fmd-stats{display:flex;flex-wrap:wrap;grid-area:stats;gap:0 9px;min-width:0}
.saf-panel .fmd-stats>span{font:700 11px 'PT Sans',sans-serif;color:var(--muto);text-align:left;white-space:nowrap}
.saf-panel .fmd-stats>span::before{content:attr(data-l) " ";font-size:9px;letter-spacing:.5px;text-transform:uppercase}
.saf-panel .fmd-media{min-width:46px;padding:2px 8px;font-size:15px}
.saf-panel .fmd-delta{justify-self:end;font-size:11px}
.saf-panel .fmd-pos{font-size:15px}
@media (max-width:359px){
	.saf-panel .fmd-riga{grid-template-columns:22px 30px minmax(0,1fr) auto;gap:2px 6px}
	.saf-panel .fmd-foto{width:30px;height:30px}
	.saf-panel .fmd-stats{gap:0 6px}
	.saf-panel .fmd-stats>span::before{content:attr(data-s) " "}
	.saf-panel .fmd-media{min-width:42px;padding:2px 6px;font-size:14px}
}
/* card larga: la riga della Top/Flop sopra i 1000 px, con l'intestazione delle colonne */
@container saf-elenco (min-width:550px){
	.saf-panel .fmd-testa{display:grid}
	.saf-panel .fmd-testa,.saf-panel .fmd-riga{grid-template-columns:34px 42px minmax(150px,1.7fr) 50px 78px 50px 50px;gap:12px;padding:10px 12px}
	.saf-panel .fmd-testa{padding-bottom:8px}
	.saf-panel .fmd-riga{grid-template-areas:"pos foto chi crediti media pres delta"}
	.saf-panel .fmd-foto{width:40px;height:40px}
	.saf-panel .fmd-stats{display:contents}
	.saf-panel .fmd-stats>span{font:700 15px Oswald,sans-serif;color:var(--inchiostro);text-align:center}
	.saf-panel .fmd-stats>span::before{content:none}
	.saf-panel .saf-crediti{grid-area:crediti}
	.saf-panel .saf-pres{grid-area:pres}
	.saf-panel .fmd-media{min-width:62px;padding:3px 10px;font-size:17px}
	.saf-panel .fmd-delta{justify-self:auto;font-size:14px}
	.saf-panel .fmd-pos{font-size:17px}
}
/* a capo invece dei puntini: il nome fra le parole, la squadra intera */
.saf-panel .fmd-chi b{white-space:normal;overflow:visible;text-overflow:clip}
.saf-panel .fmd-chi small span{overflow:visible;text-overflow:clip}