/* ==========================================================================
   NAVBAR THEME — SLATE GRAY
   Grigio ardesia, serio e professionale.
   Applicato da site/includes/header.inc.php e AREA CLIENT/avaclient/header.tpl
   quando in config.php è: 'navbar_theme' => 'slate-gray'.
   ========================================================================== */

/* =============================================================
   THEME TOKENS — ereditati automaticamente dai moduli (AvaDocs,
   AvaPrivacy, ecc.) che dichiarano var(--theme-*, fallback).
   Modificando il theme attivo, cambia l'intera UI in cascata.
   ============================================================= */
:root {
    --theme-primary:        #607d8b;
    --theme-primary-dark:   #455a64;
    --theme-primary-light:  #eceff1;
    --theme-primary-soft:   #78909c;
    --theme-primary-softer: #b0bec5;
    --theme-primary-deep:   #263238;
    --theme-primary-rgb:    96, 125, 139;
    --theme-on-primary:     #ffffff;
    --theme-accent-bg:      #eceff1;
    --theme-heading:        #263238;
    --theme-text:           #546e7a;
}

/* === SITO VETRINA (prefisso .header-*, .site-nav, .client-*) === */
.header-top { background: #263238; color: #b0bec5; }
.header-top a { color: #b0bec5; }
.header-top a i { color: var(--theme-primary-softer); }
.header-top a:hover { color: var(--theme-primary-softer); }

.site-nav a { color: var(--theme-heading); }
.site-nav a i { color: var(--theme-primary); }
.site-nav a:hover { background: var(--theme-primary-light); color: var(--theme-primary); }
.site-nav a.active { background: var(--theme-primary); color: var(--theme-on-primary); }

.btn-auth-outline { border-color: var(--theme-primary); color: var(--theme-primary); }
.btn-auth-outline:hover { background: var(--theme-primary); color: var(--theme-on-primary); }
.btn-auth-fill { background: var(--theme-primary); border-color: var(--theme-primary); color: var(--theme-on-primary); }
.btn-auth-fill:hover { background: var(--theme-primary-dark); border-color: var(--theme-primary-dark); }
.user-badge { background: var(--theme-primary-softer); color: var(--theme-heading); }
.user-badge:hover { background: var(--theme-primary-soft); color: #fff; }

.header-client-bar {
    background: linear-gradient(135deg, var(--theme-primary-deep) 0%, #263238 100%);
    border-top: 2px solid var(--theme-primary);
}
.client-nav > a, .client-nav-toggle { color: rgba(255,255,255,0.88); }
.client-nav > a i, .client-nav-toggle > i:not(.chevron) { color: var(--theme-primary-softer); }
.client-nav > a:hover,
.client-nav-item:hover > .client-nav-toggle,
.client-nav-item:focus-within > .client-nav-toggle { background: rgba(var(--theme-primary-rgb),0.20); color: #fff; }
.client-nav-item.client-user .client-nav-toggle strong { color: var(--theme-primary-softer); }
.client-dropdown { border-top: 3px solid var(--theme-primary); }
.client-dropdown a { color: var(--theme-heading); }
.client-dropdown a i { color: var(--theme-primary); }
.client-dropdown a:hover { background: var(--theme-primary-light); color: var(--theme-primary); }
.client-dropdown a:hover i { color: var(--theme-primary-dark); }

/* === AVACLIENT (prefisso .site-*) === */
.site-top-bar { background: #263238; color: #b0bec5; }
.site-top-bar a { color: #b0bec5; }
.site-top-bar a i { color: var(--theme-primary-softer); }
.site-top-bar a:hover { color: var(--theme-primary-softer); }

.site-nav-bar { background: #fff; border-bottom: 1px solid #e3ebec; }
.site-nav-logo-text span { color: #6a7a7d; }
.site-nav-logo-text, .site-nav-logo { color: var(--theme-primary); }
.site-nav-links a { color: var(--theme-heading); }
.site-nav-links a:hover { background: var(--theme-primary-light); color: var(--theme-primary); }
.site-nav-user-badge { background: var(--theme-primary-softer); color: var(--theme-heading); }
.site-nav-user-badge:hover { background: var(--theme-primary-soft); color: #fff; }
.site-nav-logout { color: var(--theme-primary); border-color: var(--theme-primary); }
.site-nav-logout:hover { background: var(--theme-primary); color: var(--theme-on-primary); }
.btn-site-outline { border-color: var(--theme-primary); color: var(--theme-primary); }
.btn-site-outline:hover { background: var(--theme-primary); color: var(--theme-on-primary); }
.btn-site-fill { background: var(--theme-primary); color: var(--theme-on-primary); }
.btn-site-fill:hover { background: var(--theme-primary-dark); }

.site-client-bar {
    background: linear-gradient(135deg, var(--theme-primary-deep) 0%, #263238 100%);
    border-top-color: var(--theme-primary);
}
.site-client-nav > a, .site-client-nav-toggle { color: rgba(255,255,255,0.85); }
.site-client-nav > a i, .site-client-nav-toggle i:not(.chevron) { color: var(--theme-primary-softer); }
.site-client-nav > a:hover,
.site-client-nav-item:hover .site-client-nav-toggle,
.site-client-nav-item:focus-within .site-client-nav-toggle { background: rgba(var(--theme-primary-rgb),0.20); color: #fff; }
.site-client-nav-item.site-client-user .site-client-nav-toggle strong { color: var(--theme-primary-softer); }
.site-client-dropdown { background: #fff; border-top: 3px solid var(--theme-primary); border-color: rgba(var(--theme-primary-rgb),0.15); }
.site-client-dropdown a { color: var(--theme-heading); }
.site-client-dropdown a i { color: var(--theme-primary); }
.site-client-dropdown a:hover { background: var(--theme-primary-light); color: var(--theme-primary); }
.site-client-dropdown a.site-client-logout { color: #c0392b; }
.site-client-dropdown a.site-client-logout i { color: #c0392b; }