/* =====================================================================
 * PDF Gallery Shortcode — stili front-end
 * I colori dinamici (icona/accento) arrivano da variabili CSS impostate
 * inline dal plugin su .scpdf-grid: --scpdf-ico-color, --scpdf-accent.
 * ===================================================================== */

/* --- Icona PDF (SVG via mask, colorabile) --- */
.scpdf-ico{
	display:inline-block;width:20px;height:20px;flex:0 0 auto;
	background:var(--scpdf-ico-color,#d93025);
	-webkit-mask:no-repeat center/contain;mask:no-repeat center/contain;
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2h8l6 6v14a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2h8l6 6v14a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}
.scpdf-ico--big{width:56px;height:56px}
/* Icona come immagine personalizzata: niente maschera/colore */
.scpdf-ico--img{background:none;-webkit-mask:none;mask:none;object-fit:contain;width:20px;height:20px}
.scpdf-ico--img.scpdf-ico--big{width:56px;height:56px}

/* --- Contenitore a griglia comune a tutti i layout ---
   minmax(0,1fr) => colonne di larghezza identica anche con titoli lunghi.
   align-items:start => l'altezza di ogni riga segue il contenuto. */
.scpdf-grid{display:grid;grid-template-columns:repeat(var(--scpdf-cols,3),minmax(0,1fr));gap:20px;align-items:start;margin:0 0 1.5em;padding:0;list-style:none}
.scpdf-grid .scpdf-item{min-width:0;text-decoration:none;color:inherit}
/* Titolo: parte strutturale sempre applicata; la tipografia solo per il tag
   predefinito (span). Con tag nativi (h2..h6/p) resta la tipografia del tema. */
.scpdf-title{min-width:0;margin:0;overflow-wrap:anywhere;word-break:break-word}
.scpdf-title--styled{font-size:15px;line-height:1.35;font-weight:600}

/* Colonna testo (titolo + descrizione + meta) nelle viste a scheda */
.scpdf-text{display:flex;flex-direction:column;min-width:0}

/* --- Descrizione/fonte sotto il titolo ---
   Emessa solo se il campo è compilato: nessuno spazio se vuota. */
.scpdf-desc{margin-top:4px;font-size:13px;font-weight:400;line-height:1.35;color:#555;overflow-wrap:anywhere;word-break:break-word}

/* --- Metadati sotto il titolo ---
   Il markup viene emesso solo se c'è almeno un dato: nessun volume se vuoto. */
.scpdf-meta{display:flex;flex-wrap:wrap;gap:2px 12px;margin-top:6px;font-size:12px;font-weight:400;line-height:1.3;color:#666}
.scpdf-meta-item{display:inline-flex;align-items:center;white-space:nowrap}

/* --- Layout COVER --- */
.scpdf-grid--cover .scpdf-item{display:flex;flex-direction:column;gap:10px}
.scpdf-cover{position:relative;display:flex;align-items:center;justify-content:center;width:100%;background:#f2f2f2 center/cover no-repeat;border-radius:10px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.scpdf-cover--placeholder{background:#f2f2f2}
.scpdf-grid--cover .scpdf-item:hover .scpdf-cover,.scpdf-grid--cover .scpdf-item:focus-visible .scpdf-cover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.18)}
.scpdf-item:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:10px}

/* --- Orientamento anteprima (cover + thumbnail vetrina) ---
   In "auto" ogni box riceve l'aspect-ratio reale via stile inline; questi
   sono solo il fallback (documenti senza anteprima). */
.scpdf-ratio-portrait .scpdf-cover,.scpdf-ratio-portrait .scpdf-thumb{aspect-ratio:3/4}
.scpdf-ratio-landscape .scpdf-cover,.scpdf-ratio-landscape .scpdf-thumb{aspect-ratio:4/3}
.scpdf-ratio-auto .scpdf-cover,.scpdf-ratio-auto .scpdf-thumb{aspect-ratio:3/4}

/* --- Viste a SCHEDA: ICON e SHOWCASE (vetrina) condividono lo stile --- */
.scpdf-grid--icon .scpdf-item,.scpdf-grid--showcase .scpdf-item{display:flex;flex-direction:row;align-items:center;gap:14px;padding:16px;border-radius:10px;transition:border-color .2s ease,box-shadow .2s ease}
.scpdf-grid--icon .scpdf-item:hover .scpdf-title,.scpdf-grid--showcase .scpdf-item:hover .scpdf-title{color:var(--scpdf-accent,#31ea03)}

/* Thumbnail della vetrina: altezza fissa, larghezza secondo l'orientamento */
.scpdf-thumb{flex:0 0 auto;height:76px;width:auto;aspect-ratio:3/4;background:#f2f2f2 center/cover no-repeat;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:box-shadow .2s ease}
.scpdf-thumb--placeholder{background:#f2f2f2}
.scpdf-thumb--placeholder .scpdf-ico{width:26px;height:26px}
.scpdf-grid--showcase .scpdf-item:hover .scpdf-thumb{box-shadow:0 4px 14px rgba(0,0,0,.15)}

/* --- Bordo attivabile (classe .scpdf-bordered sul contenitore) --- */
.scpdf-bordered.scpdf-grid--icon .scpdf-item,.scpdf-bordered.scpdf-grid--showcase .scpdf-item{border:1px solid #e6e6e6}
.scpdf-bordered.scpdf-grid--icon .scpdf-item:hover,.scpdf-bordered.scpdf-grid--showcase .scpdf-item:hover{border-color:var(--scpdf-accent,#31ea03);box-shadow:0 6px 18px rgba(0,0,0,.10)}
.scpdf-bordered.scpdf-grid--cover .scpdf-item{border:1px solid #e6e6e6;border-radius:12px;padding:10px}

/* --- Layout LIST (righe con icona + titolo, anche su più colonne) --- */
.scpdf-grid--list{gap:0 32px}
.scpdf-grid--list .scpdf-item{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid #eee}
.scpdf-grid--list .scpdf-item:hover .scpdf-title{color:var(--scpdf-accent,#31ea03)}
.scpdf-grid--list .scpdf-item:hover .scpdf-ico:not(.scpdf-ico--img){background:var(--scpdf-accent,#31ea03)}

/* --- Documento singolo [pdf_single]: la copertina non deve diventare enorme --- */
.scpdf-single.scpdf-grid--cover{max-width:320px}

/* --- Responsive --- */
@media(max-width:782px){
	.scpdf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
	.scpdf-grid--list,.scpdf-grid--showcase{gap:0 20px}
}
@media(max-width:480px){
	.scpdf-grid{grid-template-columns:1fr}
}