/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* AR - STILI GLOBALI AREA RISERVATA (FRONTEND) */
/* (rev_00002) */
/* Note */
/* Stili globali frontend: tutte le regole dei componenti Area Riservata. */
/* I valori dinamici arrivano dalle CSS Custom Properties (--ar-*) stampate */
/* da /scripts/styles/ar_stili_globali_frontend.php (campi ACF "Settaggi layout"). */
/* Ogni var() ha un fallback al design precedente: campo ACF vuoto = look invariato. */
/* rev_00002: variante .danger pulsanti (rollover danger), alias .delete mantenuto */
/* rev_00003: fix modal-content background-color -> background (gradiente = sfondo trasparente) */
/* rev_00004: collegati gruppi ACF badge/lightbox, base danger pulsante, sfondo container */
/* rev_00005: cascata riga -> card -> default su .geppo-keep-card (gruppo RIGHE) */
/* rev_00006: righe (rollover, bordo, bagliore), badge (testo, bordo, raggio) */
/* rev_00007: testo_maiuscolo (globale su container, --ar-btn-maiuscolo override su pulsanti) */
/* rev_00008: variabili master box emesse dal PHP ma NON applicate (componente futuro) */
/* rev_00009: tipografia righe su card (font base, font/colore/maiuscolo titoli, colore testo) */
/* rev_00010: riga letta -> bg secondario (se settato niente fade), font-size riga/titoli */
/* rev_00011: --ar-riga-testo-maiuscolo su messaggio/meta (titolo e pulsanti hanno i loro toggle) */
/* rev_00012: card da-leggere -> --ar-riga-attiva-bg (prima di .alta/.media: priorita' vince); spessore bordo */
/* rev_00013: priorita' -> --ar-priorita-{nessuna,normale,bassa,alta} solo sfondo; ordine: da-leggere>priorita'>letta>hover */
/* rev_00014: --ar-link-base sui link del lightbox e hover titoli card (fallback accento) */
/* rev_00015: titolo lightbox -> --ar-lightbox-{colore-titolo,font-titoli,font-size,titolo-maiuscolo} */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ============================================
   FONT-FACE (font locali in /Area-Riservata/font/)
   I nomi famiglia corrispondono alle choices ACF
   font_famiglia / font_pulsante
   ============================================ */

/* Utility Sans - 4 pesi (font principale) */
@font-face {
    font-family: 'Utility Sans';
    src: url('../font/Utility Sans Assets/WOFF2/UtilitySans-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Utility Sans';
    src: url('../font/Utility Sans Assets/WOFF2/UtilitySans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Utility Sans';
    src: url('../font/Utility Sans Assets/WOFF2/UtilitySans-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Utility Sans';
    src: url('../font/Utility Sans Assets/WOFF2/UtilitySans-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Display font (peso singolo) */
@font-face {
    font-family: 'Eugenia';
    src: url('../font/condensed-font-eugenia-2026-04-07-06-22-41-utc/Eugenia.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Jovica';
    src: url('../font/jovica-sans-serif-corporate-font-2026-04-07-06-19-42-utc/Jovica.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Reguler';
    src: url('../font/reguler-modern-corporate-logo-font-2026-04-07-06-12-28-utc/Reguler.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Working';
    src: url('../font/working-modern-minimalist-sans-serif-font-2026-04-07-06-25-00-utc/Working.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'BAGROS';
    src: url('../font/bagros-font-2026-04-07-05-55-25-utc/BAGROS.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* ============================================
   LISTA NOTIFICHE (shortcode ar_lista_notifiche)
   ============================================ */

.geppo-keep-container {
    font-family: var(--ar-font-famiglia, 'Google Sans', Arial, sans-serif);
    font-size: var(--ar-font-size-base, 14px);
    text-transform: var(--ar-testo-maiuscolo, none);
    color: var(--ar-colore-testo, #202124);
    background: var(--ar-colore-sfondo, transparent);
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px;
}
.geppo-keep-filters {
    margin-bottom: 20px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

/* Pulsanti filtro (STILI PULSANTI ACF) */
.geppo-keep-btn {
    padding: 8px 16px;
    border: 1px solid var(--ar-btn-bordo-colore, transparent);
    border-radius: var(--ar-btn-raggio, 4px);
    background: var(--ar-btn-bg, #e8eaed);
    color: var(--ar-btn-testo, #202124);
    font-family: var(--ar-btn-font, inherit);
    font-size: var(--ar-btn-font-size, 14px);
    text-transform: var(--ar-btn-maiuscolo, inherit);
    box-shadow: var(--ar-btn-bagliore, none);
    cursor: pointer;
    transition: background 0.2s;
}
.geppo-keep-btn:hover {
    background: var(--ar-btn-rollover-bg, #dadce0);
    color: var(--ar-btn-rollover-testo, #202124);
}
.geppo-keep-btn.active {
    background: var(--ar-colore-primario, #1a73e8);
    color: #fff;
}

/* Card notifiche */
.geppo-keep-masonry {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.geppo-keep-card {
    background: var(--ar-riga-bg, var(--ar-card-sfondo, #ffffff));
    border: var(--ar-riga-bordo-spessore, 1px) solid var(--ar-riga-bordo, var(--ar-card-bordo-colore, transparent));
    border-radius: var(--ar-bordo-raggio-globale, 8px);
    box-shadow: var(--ar-riga-bagliore, var(--ar-card-ombra, 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)));
    color: var(--ar-riga-testo, var(--ar-colore-testo, #3c4043));
    font-family: var(--ar-riga-font, inherit);
    font-size: var(--ar-riga-font-size, inherit);
    padding: 16px;
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
}
.geppo-keep-card.da-leggere {
    background: var(--ar-riga-attiva-bg, var(--ar-riga-bg, var(--ar-card-sfondo, #ffffff)));
}
/* Priorita' (solo sfondo; .letta sotto vince sempre) */
.geppo-keep-card.nessuna {
    background: var(--ar-priorita-nessuna, var(--ar-riga-bg, var(--ar-card-sfondo, #ffffff)));
}
.geppo-keep-card.normale {
    background: var(--ar-priorita-normale, var(--ar-riga-bg, var(--ar-card-sfondo, #ffffff)));
}
.geppo-keep-card.bassa {
    background: var(--ar-priorita-bassa, var(--ar-riga-bg, var(--ar-card-sfondo, #ffffff)));
}
.geppo-keep-card.media {
    background: var(--ar-priorita-media, #e6f4ea);
}
.geppo-keep-card.alta {
    background: var(--ar-priorita-alta, #fef7e0);
}
.geppo-keep-card.letta {
    background: var(--ar-riga-secondaria-bg, var(--ar-riga-bg, var(--ar-card-sfondo, #ffffff)));
    opacity: var(--ar-riga-letta-opacita, 0.7);
}
.geppo-keep-card:hover {
    background: var(--ar-riga-rollover-bg, var(--ar-riga-bg, var(--ar-card-sfondo, #ffffff)));
    box-shadow: 0 4px 6px rgba(0,0,0,0.15), 0 2px 4px rgba(0,0,0,0.12);
    transform: translateY(-2px);
}
.geppo-keep-card-title {
    font-family: var(--ar-riga-font-titoli, inherit);
    font-size: var(--ar-riga-font-size-titoli, 16px);
    font-weight: 500;
    text-transform: var(--ar-riga-titoli-maiuscolo, inherit);
    color: var(--ar-riga-colore-titoli, var(--ar-colore-testo, #202124));
    margin-bottom: 8px;
    cursor: pointer;
}
.geppo-keep-card-title:hover {
    color: var(--ar-link-base, var(--ar-colore-accento, #1a73e8));
}
.geppo-keep-card-message {
    font-size: var(--ar-riga-font-size, 14px);
    text-transform: var(--ar-riga-testo-maiuscolo, inherit);
    color: var(--ar-riga-testo, var(--ar-colore-testo, #3c4043));
    line-height: 1.5;
    margin-bottom: 8px;
}
.geppo-keep-card-meta {
    font-size: 12px;
    text-transform: var(--ar-riga-testo-maiuscolo, inherit);
    color: #5f6368;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.geppo-keep-card-actions {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}

/* Pulsanti azione card (stessa variabile pulsanti ACF) */
.geppo-keep-action-btn {
    padding: 6px 12px;
    border: 1px solid var(--ar-btn-bordo-colore, transparent);
    border-radius: var(--ar-btn-raggio, 4px);
    background: var(--ar-btn-bg, #f1f3f4);
    color: var(--ar-btn-testo, #5f6368);
    font-family: var(--ar-btn-font, inherit);
    font-size: var(--ar-btn-font-size, 12px);
    text-transform: var(--ar-btn-maiuscolo, inherit);
    box-shadow: var(--ar-btn-bagliore, none);
    cursor: pointer;
    transition: background 0.2s;
}
.geppo-keep-action-btn:hover {
    background: var(--ar-btn-rollover-bg, #e8eaed);
    color: var(--ar-btn-rollover-testo, #5f6368);
}
/* Variante .danger: pulsanti distruttivi (elimina, reset, revoca...) */
.geppo-keep-action-btn.danger,
.geppo-keep-action-btn.delete {
    background: var(--ar-btn-danger-bg, var(--ar-btn-bg, #f1f3f4));
}
.geppo-keep-action-btn.danger:hover,
.geppo-keep-action-btn.delete:hover {
    background: var(--ar-btn-rollover-danger-bg, #fce8e6);
    color: var(--ar-btn-rollover-danger-testo, var(--ar-colore-errore, #d93025));
}
.geppo-keep-empty {
    text-align: center;
    padding: 40px;
    color: #80868b;
    font-size: 16px;
}
.geppo-keep-badge {
    padding: 4px 8px;
    border: 1px solid var(--ar-badge-bordo, transparent);
    border-radius: var(--ar-badge-raggio, 12px);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--ar-badge-testo, #5f6368);
    background: var(--ar-badge-bg, transparent);
}
.geppo-keep-badge.da-leggere {
    background: var(--ar-badge-bg-alert, #fce8e6);
    color: var(--ar-colore-errore, #d93025);
}
.geppo-keep-badge.letta {
    background: var(--ar-badge-bg-approvato, #e6f4ea);
    color: #137333;
}

/* ============================================
   MODAL POPUP NOTIFICA
   ============================================ */

#geppo-modal-notifica {
    display: none;
    position: fixed !important;
    z-index: 2147483647 !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: var(--ar-lightbox-overlay, rgba(0,0,0,0.5)) !important;
    overflow: visible !important;
    pointer-events: auto !important;
}
#geppo-modal-notifica .modal-content {
    background: var(--ar-lightbox-bg, var(--ar-card-sfondo, #fefefe));
    color: var(--ar-colore-testo, #555);
    margin: 10% auto;
    padding: 20px;
    border: 1px solid var(--ar-lightbox-bordo, var(--ar-card-bordo-colore, #888));
    width: 80%;
    max-width: 600px;
    max-height: 80vh;
    overflow-y: auto;
    border-radius: var(--ar-lightbox-raggio, var(--ar-bordo-raggio-globale, 8px));
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    position: relative;
    z-index: 2147483648 !important;
    pointer-events: auto !important;
}
#geppo-modal-notifica .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
#geppo-modal-notifica .modal-header h3 {
    margin: 0;
    font-family: var(--ar-lightbox-font-titoli, inherit);
    font-size: var(--ar-lightbox-font-size, 18px);
    text-transform: var(--ar-lightbox-titolo-maiuscolo, inherit);
    color: var(--ar-lightbox-colore-titolo, var(--ar-colore-testo, #333));
}
#geppo-modal-notifica .modal-close {
    background: none;
    border: none;
    font-size: 28px;
    cursor: pointer;
    color: #999;
    line-height: 1;
}
#geppo-modal-notifica .modal-close:hover {
    color: var(--ar-colore-testo, #333);
}
#geppo-modal-notifica .modal-body {
    font-size: 14px;
    line-height: 1.6;
    color: var(--ar-colore-testo, #555);
}
#geppo-modal-notifica .modal-body p {
    margin: 0 0 10px 0;
}
#geppo-modal-notifica .modal-body p:last-child {
    margin-bottom: 0;
}
#geppo-modal-notifica .modal-body ul,
#geppo-modal-notifica .modal-body ol {
    margin: 0 0 10px 0;
    padding-left: 25px;
}
#geppo-modal-notifica .modal-body li {
    margin-bottom: 5px;
}
#geppo-modal-notifica .modal-body strong,
#geppo-modal-notifica .modal-body b {
    font-weight: 700 !important;
    color: var(--ar-colore-testo, #333);
}
#geppo-modal-notifica .modal-body em {
    font-style: italic;
}
#geppo-modal-notifica .modal-body h2,
#geppo-modal-notifica .modal-body h3,
#geppo-modal-notifica .modal-body h4 {
    margin: 15px 0 10px 0;
    color: var(--ar-colore-testo, #333);
    line-height: 1.3;
}
#geppo-modal-notifica .modal-body a {
    color: var(--ar-link-base, var(--ar-colore-accento, #1a73e8)) !important;
    text-decoration: underline !important;
    word-break: break-word;
}
#geppo-modal-notifica .modal-body a:hover {
    color: var(--ar-colore-primario, #1557b0) !important;
}
#geppo-modal-notifica .modal-body img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}
#geppo-modal-notifica .modal-body blockquote {
    border-left: 3px solid var(--ar-colore-accento, #1a73e8);
    margin: 10px 0;
    padding-left: 15px;
    color: #666;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* end script - AR */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */