/* Nelb Elementor Pack . Light Grid (Brand: Condiviso, registro charcoal fisso)
   Griglia da catalogo digitale, come scegliere dentro Lightroom: celle
   scure con la foto intera, nome file e dati di scatto in mono, cella che
   si accende al passaggio come la selezione del programma. */

/* contenimento nei flex di Elementor: mai allargare il contenitore */
.elementor-widget-nelb_light_grid{min-width:0;width:100%;max-width:100%}
.nelb-lightgrid{width:100%;max-width:100%;background:#1b1b1b;border:1px solid #2c2c2c;padding:14px}
.nlg-bar{display:flex;justify-content:space-between;align-items:center;padding:2px 6px 12px;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:#8a8a8a}
.nlg-grid{display:grid;grid-template-columns:repeat(var(--nlg-cols,4),minmax(0,1fr));gap:8px}
.nlg-cell{min-width:0;background:#242424;border:1px solid #2c2c2c;padding:10px;display:flex;flex-direction:column;gap:8px;text-decoration:none;transition:background .15s ease-out,border-color .15s ease-out}
.nlg-cell:hover{background:#3a3a3a;border-color:#8a8a8a}
.nlg-ph{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}
.nlg-ph img{max-width:100%;max-height:100%;width:auto;height:auto;display:block;box-shadow:0 2px 10px rgba(0,0,0,.5)}
.nlg-meta{display:flex;flex-direction:column;gap:3px;min-width:0}
.nlg-name{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:9.5px;letter-spacing:.06em;color:#cfcfcf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nlg-exif{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:8.5px;letter-spacing:.06em;color:#7c7c7c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nlg-idx{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:8.5px;color:#5d5d5d;align-self:flex-end}

@media (max-width:1024px){.nlg-grid{grid-template-columns:repeat(var(--nlg-cols-t,3),minmax(0,1fr))}}
@media (max-width:767px){
	.nlg-grid{grid-template-columns:repeat(var(--nlg-cols-m,1),minmax(0,1fr));gap:12px}
	.nlg-cell{padding:12px}
	.nlg-ph{aspect-ratio:4/5}
	.nlg-name{font-size:10.5px}
	.nlg-exif{font-size:9.5px}
}
@media (prefers-reduced-motion:reduce){.nlg-cell{transition:none}}


/* ------------------------------------------------------ aspetto Classic
   La griglia vera della Libreria di Lightroom: grigio chiaro, numeroni
   traslucidi dietro le celle, foto col bordo bianco da provino e filetto
   sottile, cella che si schiarisce al passaggio. */

.nelb-lightgrid.is-classic{background:#c2c2c2;border-color:#9b9b9b}
.nelb-lightgrid.is-classic .nlg-bar{color:#5f5f5f}
.nelb-lightgrid.is-classic .nlg-grid{gap:2px;background:#9b9b9b}
.nelb-lightgrid.is-classic .nlg-cell{position:relative;background:#c2c2c2;border:0;padding:34px 22px 22px;overflow:hidden;align-items:center;justify-content:center}
.nelb-lightgrid.is-classic .nlg-cell:hover{background:#dcdcdc;border:0}
.nelb-lightgrid.is-classic .nlg-idx{position:absolute;top:2px;left:8px;align-self:auto;font-family:Arial,'Archivo',sans-serif;font-weight:700;font-size:clamp(44px,5vw,76px);line-height:1;color:rgba(90,90,90,.35);z-index:0;letter-spacing:-.02em}
.nelb-lightgrid.is-classic .nlg-ph{position:relative;z-index:1;aspect-ratio:auto;background:#ffffff;padding:7px;box-shadow:0 0 0 1px #8a8a8a,0 3px 10px rgba(0,0,0,.22)}
.nelb-lightgrid.is-classic .nlg-ph img{box-shadow:0 0 0 1px #b5b5b5}
.nelb-lightgrid.is-classic .nlg-meta{position:relative;z-index:1}
.nelb-lightgrid.is-classic .nlg-name{color:#3c3c3c}
.nelb-lightgrid.is-classic .nlg-exif{color:#6d6d6d}

@media (max-width:767px){
	.nelb-lightgrid.is-classic .nlg-cell{padding:30px 14px 16px}
	.nelb-lightgrid.is-classic .nlg-ph{aspect-ratio:auto}
}


/* Classic scuro: stessa griglia della Libreria, in dark. Numeroni chiari
   traslucidi, bordo bianco da provino che stacca sul fondo scuro. */
.nelb-lightgrid.is-cdark{background:#242424;border-color:#3a3a3a}
.nelb-lightgrid.is-cdark .nlg-bar{color:#9a9a9a}
.nelb-lightgrid.is-cdark .nlg-grid{background:#151515}
.nelb-lightgrid.is-cdark .nlg-cell{background:#242424}
.nelb-lightgrid.is-cdark .nlg-cell:hover{background:#313131}
.nelb-lightgrid.is-cdark .nlg-idx{color:rgba(228,228,228,.30)}
.nelb-lightgrid.is-cdark .nlg-ph{background:#f4f4f4;box-shadow:0 0 0 1px #000000,0 4px 14px rgba(0,0,0,.5)}
.nelb-lightgrid.is-cdark .nlg-ph img{box-shadow:0 0 0 1px #c9c9c9}
.nelb-lightgrid.is-cdark .nlg-name{color:#d5d5d5}
.nelb-lightgrid.is-cdark .nlg-exif{color:#8d8d8d}