/* ============================================================
   css/header-soft.css — skin Soft Tech pentru headerul logat
   Încărcat doar pe paginile cu $softHeader (după header.css,
   notifications.css și soft-tokens.css). Nu schimbă markup/JS:
   re-mapează variabilele --h-* la tokens + override-uri punctuale.
   Include și skin pt. toast-uri (footerul are CSS propriu pe tokens).
   ============================================================ */

:root {
    --h-bg: var(--surface);
    --h-bg-light: var(--surface-2);
    --h-border: var(--border);
    --h-accent: var(--green);
    --h-accent-glow: var(--green-soft);
    --h-orange: var(--amber);
    --h-green: var(--green);
    --h-red: var(--sos);
    --h-text: var(--text);
    --h-text-muted: var(--text-3);
}

body {
    font-family: var(--font-body);
    background: var(--bg);
    color: var(--text);
    -webkit-font-smoothing: antialiased;
    transition: background-color .4s ease, color .4s ease;
}

/* ── Header ─────────────────────────────────────────────────── */
.site-header {
    background: var(--surface);
    border-bottom: 1px solid var(--border);
    box-shadow: var(--shadow-sm);
    transition: background-color .4s ease, border-color .4s ease;
}

/* Pe paginile $softHeader, header.php pune logo-ul SVG în .brand-logo —
   scoatem pătratul colorat din spate, SVG-ul stă direct pe header */
.brand-logo {
    background: transparent;
    border-radius: 0;
    box-shadow: none;
}
.brand-logo .logo__mark { width: 42px; height: 42px; display: block; }
.site-brand:hover .brand-logo {
    box-shadow: none;
    transform: translateY(-2px);
}
.brand-name {
    font-family: var(--font-display);
    color: var(--text);
    letter-spacing: -0.02em;
    font-size: 1.15em;
}
.brand-name::after { content: ".ro"; color: var(--green); }
.brand-sub { color: var(--text-3); }

/* Navigație */
.nav-link { color: var(--text-2); font-weight: 600; }
.nav-link:hover { background: var(--surface-2); color: var(--text); }
.nav-link.is-active { background: var(--green-soft); color: var(--green); }
.nav-link.is-active::after { background: var(--green); }

.nav-link--admin { color: var(--indigo); }
.nav-link--admin:hover { background: var(--indigo-soft); color: var(--indigo); }
.nav-link--admin.is-active { background: var(--indigo-soft); color: var(--indigo); }

.nav-link--urgenta { color: var(--sos); }
.nav-link--urgenta:hover { background: var(--sos-soft); color: var(--sos); }
.nav-link--urgenta.is-active { background: var(--sos-soft); color: var(--sos); }

.nav-badge { background: var(--sos); color: var(--on-sos); }
@keyframes badge-pulse {
    0%, 100% { box-shadow: 0 0 0 0 var(--sos-soft); }
    50%      { box-shadow: 0 0 0 5px transparent; }
}

/* Toggle temă (markup emis de header.php doar cu $softHeader) */
.theme-toggle {
    width: 40px; height: 40px; border-radius: 11px;
    border: 1px solid var(--border);
    background: var(--surface-2);
    display: inline-flex; align-items: center; justify-content: center;
    color: var(--text-2); cursor: pointer; flex-shrink: 0;
    transition: all .25s ease; padding: 0;
}
.theme-toggle:hover { border-color: var(--border-strong); color: var(--text); }
.theme-toggle .moon { display: none; }
[data-theme="dark"] .theme-toggle .sun { display: none; }
[data-theme="dark"] .theme-toggle .moon { display: block; }

/* Ceas + user chip + logout */
.header-clock {
    background: var(--surface-2);
    border-color: var(--border);
    color: var(--text-2);
}
.header-clock__dot { color: var(--green); }

.user-chip { background: var(--surface-2); border-color: var(--border); }
.user-chip__avatar { background: var(--green); color: var(--on-green); }
.user-chip__avatar-img { border-color: var(--border-strong); }
.user-chip__name { color: var(--text); }
.user-chip__role { color: var(--text-3); }

.btn-logout {
    background: var(--sos-soft);
    border-color: transparent;
    color: var(--sos);
    font-weight: 600;
}
.btn-logout:hover { background: var(--sos-soft); border-color: var(--sos); color: var(--sos); }

.hamburger { background: var(--surface-2); border-color: var(--border); }
.hamburger span { background: var(--text); }

/* ── Bell + dropdown notificări ─────────────────────────────── */
.notif-bell-btn {
    background: var(--surface-2);
    border-color: var(--border);
    color: var(--text-2);
    border-radius: 11px;
}
.notif-bell-btn:hover { background: var(--green-soft); border-color: var(--green); color: var(--green); }
.notif-bell-btn.has-notifs { color: var(--amber); border-color: var(--amber); }
.notif-bell-badge { background: var(--sos); color: var(--on-sos); box-shadow: 0 0 0 2px var(--surface); }

.notif-dropdown {
    background: var(--surface);
    border: 1px solid var(--border);
    box-shadow: var(--shadow-lg);
}

/* Meniul "Mai multe" din nav — același tratament ca bell-ul */
.nav-more__menu {
    background: var(--surface);
    border: 1px solid var(--border);
    box-shadow: var(--shadow-lg);
}
.notif-dropdown__head { border-bottom-color: var(--border); }
.notif-dropdown__title { color: var(--text); }
.notif-dropdown__title i { color: var(--amber); }
.notif-dropdown__count { background: var(--sos); color: var(--on-sos); }
.notif-dropdown__empty { color: var(--text-3); }
.notif-dropdown__empty i { color: var(--green); }
.notif-dropdown__list { scrollbar-color: var(--border-strong) transparent; }
.notif-dropdown__list::-webkit-scrollbar-thumb { background: var(--border-strong); }
.notif-di { border-bottom-color: var(--border); }
.notif-di:hover { background: var(--surface-2); }
.notif-di--unread { background: var(--green-soft); border-left-color: var(--green); }
.notif-di--unread:hover { background: var(--green-soft); }
.notif-di__title { color: var(--text); }
.notif-di__text, .notif-di__time { color: var(--text-3); }
.notif-dropdown__footer { color: var(--green); border-top-color: var(--border); }
.notif-dropdown__footer:hover { background: var(--green-soft); color: var(--green-hover); }

/* Meniul mobil deschis */
@media (max-width: 768px) {
    .site-nav { border-top-color: var(--border); }
    .nav-link.is-active { border-left-color: var(--green); }
}

/* ── Header guest (paginile publice migrate, ex. ajutor) ────── */
.guest-nav__link { color: var(--text-2); }
.guest-nav__link:hover { background: var(--surface-2); color: var(--text); }
.guest-nav__link.is-active { color: var(--green); background: var(--green-soft); border-color: var(--green); }
.guest-nav__link--urgenta { color: var(--sos); border-color: transparent; background: var(--sos-soft); }
.guest-nav__link--urgenta:hover { background: var(--sos-soft); color: var(--sos-hover); }
.guest-nav__link--urgenta.is-active { background: var(--sos-soft); color: var(--sos); border-color: var(--sos); }

/* ── Toast-uri (js/notifications.js) — variantă pe tokens ───── */
body .notification { box-shadow: var(--shadow-md); }
body .notification-success { background: var(--surface); color: var(--green); border-left-color: var(--green); }
body .notification-error   { background: var(--surface); color: var(--sos); border-left-color: var(--sos); }
body .notification-info    { background: var(--surface); color: var(--indigo); border-left-color: var(--indigo); }
body .notification-warning { background: var(--surface); color: var(--amber); border-left-color: var(--amber); }