/* link-layer.css — stile dell'overlay dei link cliccabili (link-layer.js).
 *
 * Il contenitore .link-layer sta SOPRA il textLayer (z auto) ma SOTTO i layer di
 * compilazione moduli (.fields-render-layer, z:3) e delle annotazioni
 * (svg.annot-layer, z:4). Non cattura il puntatore: lo fanno i singoli <a>.
 */

.page-wrap .link-layer {
    /* Le proprietà di layout (position/inset/z-index/pointer-events) sono già
       impostate inline dal JS; qui solo difese cosmetiche. */
    margin: 0;
    padding: 0;
}

/* Singolo link: area trasparente e cliccabile sopra la pagina. */
.page-wrap .link-layer .link-annot {
    display: block;
    background: transparent;
    text-decoration: none;
    border-radius: 2px;
    cursor: pointer;
    /* Nessun bordo a riposo: il link resta invisibile finché non ci si passa sopra,
       come nei reader PDF. */
    outline: 1px solid transparent;
    transition: background-color .12s ease, outline-color .12s ease;
    -webkit-tap-highlight-color: transparent;
}

/* Feedback discreto all'hover / focus da tastiera (accessibilità). */
.page-wrap .link-layer .link-annot:hover,
.page-wrap .link-layer .link-annot:focus-visible {
    background: rgba(43, 108, 255, .16);
    outline: 1px solid rgba(43, 108, 255, .55);
}

.page-wrap .link-layer .link-annot:focus {
    outline: 1px solid rgba(43, 108, 255, .55);
}

/* Tema scuro: mantiene il contrasto dell'evidenziazione. */
:root[data-theme="dark"] .page-wrap .link-layer .link-annot:hover,
:root[data-theme="dark"] .page-wrap .link-layer .link-annot:focus-visible {
    background: rgba(90, 150, 255, .22);
    outline: 1px solid rgba(90, 150, 255, .6);
}