/* Nelb Elementor Pack . Work Nav (Brand: solo NelbStudios)
   Navigazione tra i lavori del portfolio: zone fisse ai bordi su desktop,
   scheda che scivola fuori al passaggio del mouse. Blocco statico su touch. */

/* zone laterali: solo desktop con puntatore vero, e SOLO dopo che il JS
   le ha spostate dentro body. Finche stanno nei contenitori di Elementor
   restano spente: e la garanzia che nessun antenato possa tagliarle. */
.nwn-edge{position:fixed;top:0;bottom:0;width:120px;z-index:900;display:none}
@media (min-width:1025px) and (hover:hover){body > .nwn-edge{display:block}}
.nwn-edge.nwn-right{right:0}
.nwn-edge.nwn-left{left:0}

/* cenno: chevron sottile a meta altezza, quasi invisibile finche non serve */
.nwn-hint{position:absolute;top:50%;transform:translateY(-50%);opacity:.25;transition:opacity .2s ease-out;pointer-events:none}
.nwn-right .nwn-hint{right:22px}
.nwn-left .nwn-hint{left:22px}
.nwn-hint svg{width:22px;height:22px;stroke:#f2f2f2;stroke-width:1.2;fill:none;display:block}
.nwn-edge:hover .nwn-hint{opacity:0}

/* semicerchi: un disco per lato, meta fuori dallo schermo. All'hover della
   zona si apre dal bordo con la foto tonda, l'etichetta e il titolo. */
.nwn-disc{position:absolute;top:50%;width:380px;height:380px;border-radius:50%;background:#101010;border:1px solid #2a2a2a;box-shadow:0 0 60px rgba(0,0,0,.45);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;text-decoration:none;opacity:0;visibility:hidden;transform:translateY(-50%) scale(.2);transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .22s ease-out,visibility 0s linear .38s;overflow:hidden}
.nwn-right .nwn-disc{right:-190px;padding-right:170px}
.nwn-left .nwn-disc{left:-190px;padding-left:170px}
.nwn-edge:hover .nwn-disc,.nwn-disc:focus-visible{opacity:1;visibility:visible;transform:translateY(-50%) scale(1);transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .22s ease-out,visibility 0s}
.nwn-dthumb{width:104px;height:104px;border-radius:50%;object-fit:cover;display:block;border:1px solid #2a2a2a}
.nwn-disc .nwn-label{margin-bottom:0}
.nwn-disc .nwn-title{max-width:150px;font-size:17px}

/* blocco statico: touch e schermi stretti, nel flusso della pagina */
.nwn-block{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#2a2a2a;border:1px solid #2a2a2a}
@media (min-width:1025px) and (hover:hover){.nwn-block{display:none}}
.nwn-cell{background:#101010;padding:18px;text-decoration:none;display:flex;align-items:center;gap:14px}
.nwn-cell.nwn-cell-next{flex-direction:row-reverse;text-align:right}
.nwn-cell .nwn-thumb{width:72px;height:54px;flex:0 0 72px}
@media (max-width:560px){.nwn-block{grid-template-columns:1fr}.nwn-cell.nwn-cell-next{flex-direction:row;text-align:left}}

@media (prefers-reduced-motion:reduce){.nwn-disc{transition:opacity .15s ease-out}}

/* Fine cronologia: card informativa, niente link */
.nwn-disc-static{cursor:default}
.nwn-disc-static .nwn-title{color:#8a8a8a}
.nwn-cell-static{cursor:default;opacity:.65}