/* assets/css/ritocchi/links.css
   Pagina dei link (molto vista da mobile): ritocchi sopra lo stile originale in pagina.
   Stessa struttura: avatar, titolo, conto alla rovescia, elenco di link, mappa. */
body.pg-links {
    font-family: var(--font-ui) !important;
    font-weight: 400;
    background-color: var(--bg) !important;
    color: var(--text);
}
.pg-links .page {
    max-width: 440px;
}
.pg-links .avatar-ring {
    background: none !important;
    padding: 0 !important;
    border: 1px solid rgba(244, 240, 250, 0.35);
    outline: 0;
    animation: none !important;
}
.pg-links .avatar-ring img {
    border: 0 !important;
}
/* Titolo: bianco, nel font di interfaccia in grassetto (logica del trattamento "a") */
.pg-links .identity-title {
    font-family: var(--font-ui) !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em !important;
    color: var(--text) !important;
}
.pg-links .identity-title em {
    color: inherit !important;
}
.pg-links .identity-sub {
    font-family: var(--font-ui) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    color: var(--text-2) !important;
}
.pg-links .divider {
    background: var(--line) !important;
    height: 1px !important;
}
/* Conto alla rovescia: superficie piena al posto del gradiente */
.pg-links .fantasy-section {
    background: var(--surface) !important;
    border: 1px solid var(--line) !important;
    border-radius: 6px !important;
    padding: 12px 16px !important;
}
.pg-links .fantasy-section::before,
.pg-links .fantasy-section::after {
    display: none !important;
}
.pg-links .fantasy-section h2 {
    font-family: var(--font-ui) !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: var(--text-2) !important;
    margin: 0 0 2px !important;
}
.pg-links #countdown {
    font-family: var(--font-ui) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    color: var(--text) !important;
    font-variant-numeric: tabular-nums;
}
/* Elenco dei link */
.pg-links .link-item {
    min-height: 60px;
    background: var(--surface) !important;
    border: 1px solid var(--line) !important;
    border-radius: 6px !important;
    transition: none !important;
    transform: none !important;
}
.pg-links .link-item:hover {
    background: var(--surface-2) !important;
    border-color: var(--line) !important;
    transform: none !important;
}
.pg-links .link-item:focus-visible {
    outline: 2px solid var(--focus);
    outline-offset: 2px;
}
.pg-links .link-icon {
    background: var(--surface-2) !important;
    border: 0 !important;
    border-radius: 4px !important;
}
.pg-links .link-icon svg {
    fill: var(--text) !important;
}
.pg-links .link-label {
    font-family: var(--font-ui) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    color: var(--text) !important;
}
.pg-links .link-url {
    font-family: var(--font-ui) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: var(--text-2) !important;
}
.pg-links .link-arrow {
    display: none !important;
}
.pg-links .map-title {
    font-family: var(--font-ui) !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: var(--text-2) !important;
}
.pg-links .map-container {
    border: 1px solid var(--line) !important;
    border-radius: 6px !important;
    overflow: hidden;
}
.pg-links .page-footer {
    font-family: var(--font-ui) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: var(--text-2) !important;
    background: none;
    border-top: 0;
    margin-top: 24px;
    padding: 0 0 24px;
    text-align: center;
}