/* =====================================================================================
   B-HOOD panel — tema "liquid glass" (01.10.2026), varianta dark + light
   Se aplica doar cand <html> are clasa .bh-glass (aspectul clasic = clasa scoasa,
   din meniul contului). Tema: <html data-bh-theme="dark|light"> (bh-glass.js).
   Blur real doar pe "crom" (header, meniu, dropdown, modal, toast); cardurile sunt
   translucide fara backdrop-filter, ca paginile cu tabele mari sa ramana rapide.
   ===================================================================================== */

/* ---------- tokeni: DARK (implicit) ---------- */
html.bh-glass {
    --g-bg: #060a0b;
    --g-bg-2: #0a1213;
    --g-glow-1: rgba(19, 182, 83, .20);
    --g-glow-2: rgba(63, 210, 199, .11);
    --g-glow-3: rgba(19, 182, 83, .08);
    --g-strong: #ffffff;
    --g-text: #e6ecea;
    --g-text-2: #c3cdc9;
    --g-muted: #8f9d98;
    --g-link: #6fe3a1;
    --g-link-hover: #a5f0c4;
    --g-green: #17c964;
    --g-green-d: #13b653;
    --g-green-ink: #04130a;
    --g-green-text: #8ff0b8;
    --g-green-soft: rgba(23, 201, 100, .14);
    --g-green-edge: rgba(23, 201, 100, .38);
    --g-gold: #f3bd3e;
    --g-red: #ff5c6c;
    --g-pane-a: rgba(255, 255, 255, .068);
    --g-pane-b: rgba(255, 255, 255, .026);
    --g-sheen: rgba(255, 255, 255, .065);
    --g-pane-in: rgba(255, 255, 255, .03);
    --g-chrome: rgba(10, 16, 17, .58);
    --g-chrome-solid: #0f1617;
    --g-float: rgba(16, 23, 24, .80);
    --g-float-solid: #111819;
    --g-card-solid: #131a1b;
    --g-tint: rgba(255, 255, 255, .045);
    --g-tint-2: rgba(255, 255, 255, .085);
    --g-stripe: rgba(255, 255, 255, .02);
    --g-input: rgba(0, 0, 0, .25);
    --g-input-focus: rgba(0, 0, 0, .32);
    --g-input-shadow: inset 0 1px 2px rgba(0, 0, 0, .25);
    --g-placeholder: rgba(230, 236, 234, .38);
    --g-option-bg: #101718;
    --g-edge: rgba(255, 255, 255, .085);
    --g-edge-2: rgba(255, 255, 255, .14);
    --g-hi: inset 0 1px 0 rgba(255, 255, 255, .11), inset 0 0 0 1px rgba(255, 255, 255, .02);
    --g-shadow: 0 12px 32px -12px rgba(0, 0, 0, .55);
    --g-shadow-float: 0 24px 56px -20px rgba(0, 0, 0, .8);
    --g-line: rgba(255, 255, 255, .06);
    --g-backdrop: .62;
    --g-scroll: rgba(255, 255, 255, .16);
    --g-r-xl: 22px;
    --g-r-lg: 18px;
    --g-r: 12px;
    --g-r-sm: 9px;
    --g-blur: blur(20px) saturate(150%);
    --g-ease: cubic-bezier(.2, .8, .2, 1);
    --g-font: 'Manrope', 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
    color-scheme: dark;
}

/* ---------- tokeni: LIGHT (sticla alba pe fundal menta-gri) ---------- */
html.bh-glass[data-bh-theme="light"] {
    --g-bg: #e9efed;
    --g-bg-2: #f6f9f8;
    --g-glow-1: rgba(19, 182, 83, .16);
    --g-glow-2: rgba(63, 180, 210, .14);
    --g-glow-3: rgba(19, 182, 83, .07);
    --g-strong: #0b1512;
    --g-text: #16231f;
    --g-text-2: #33433d;
    --g-muted: #66766f;
    --g-link: #0b8a43;
    --g-link-hover: #066b32;
    --g-green-text: #0b7a3b;
    --g-green-soft: rgba(19, 182, 83, .12);
    --g-green-edge: rgba(19, 182, 83, .42);
    --g-pane-a: rgba(255, 255, 255, .78);
    --g-pane-b: rgba(255, 255, 255, .56);
    --g-sheen: rgba(255, 255, 255, .7);
    --g-pane-in: rgba(255, 255, 255, .55);
    --g-chrome: rgba(255, 255, 255, .62);
    --g-chrome-solid: #f8fbfa;
    --g-float: rgba(255, 255, 255, .86);
    --g-float-solid: #ffffff;
    --g-card-solid: #ffffff;
    --g-tint: rgba(15, 26, 23, .04);
    --g-tint-2: rgba(15, 26, 23, .07);
    --g-stripe: rgba(15, 26, 23, .022);
    --g-input: rgba(255, 255, 255, .78);
    --g-input-focus: #ffffff;
    --g-input-shadow: inset 0 1px 2px rgba(16, 40, 30, .06);
    --g-placeholder: rgba(22, 35, 31, .42);
    --g-option-bg: #ffffff;
    --g-edge: rgba(15, 26, 23, .09);
    --g-edge-2: rgba(15, 26, 23, .14);
    --g-hi: inset 0 1px 0 rgba(255, 255, 255, .95), inset 0 0 0 1px rgba(255, 255, 255, .35);
    --g-shadow: 0 14px 34px -18px rgba(16, 40, 30, .28);
    --g-shadow-float: 0 26px 60px -24px rgba(16, 40, 30, .35);
    --g-line: rgba(15, 26, 23, .07);
    --g-backdrop: .35;
    --g-scroll: rgba(15, 26, 23, .22);
    color-scheme: light;
}

/* ---------- fundal: doua lumini difuze ---------- */
html.bh-glass { background-color: var(--g-bg) !important; }
/* body transparent: altfel fundalul lui opac acopera stratul cu luminile (z-index -1) */
html.bh-glass body {
    background: transparent !important;
    color: var(--g-text-2) !important;
    font-family: var(--g-font) !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
html.bh-glass body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(60vmax 45vmax at 8% -6%, var(--g-glow-1), transparent 62%),
        radial-gradient(55vmax 40vmax at 100% 18%, var(--g-glow-2), transparent 60%),
        radial-gradient(70vmax 50vmax at 50% 115%, var(--g-glow-3), transparent 65%),
        linear-gradient(180deg, var(--g-bg-2), var(--g-bg) 40%);
}
html.bh-glass #main-wrapper,
html.bh-glass .content-body,
html.bh-glass .footer {
    background: transparent !important;
}
/* Tema ascundea toata pagina (opacity 0) pana se incarcau TOATE scripturile => ecran gol
   1-2 s. Acum continutul apare imediat; intrarea e animata doar in CSS (mai jos). */
html.bh-glass #main-wrapper { opacity: 1 !important; transition: none; }

/* ---------- text ---------- */
html.bh-glass body,
html.bh-glass h1, html.bh-glass h2, html.bh-glass h3, html.bh-glass h4, html.bh-glass h5, html.bh-glass h6,
html.bh-glass .btn, html.bh-glass .form-control, html.bh-glass input, html.bh-glass select,
html.bh-glass textarea, html.bh-glass button, html.bh-glass .dropdown-menu, html.bh-glass .table,
html.bh-glass .badge, html.bh-glass .tooltip, html.bh-glass .popover, html.bh-glass .swal2-popup,
html.bh-glass .nav-text, html.bh-glass .card-title {
    font-family: var(--g-font) !important;
}
html.bh-glass h1, html.bh-glass h2, html.bh-glass h3, html.bh-glass h4, html.bh-glass h5, html.bh-glass h6,
html.bh-glass .h1, html.bh-glass .h2, html.bh-glass .h3, html.bh-glass .h4, html.bh-glass .h5, html.bh-glass .h6,
html.bh-glass .text-black, html.bh-glass .text-white:not(.badge):not(.btn) {
    color: var(--g-strong) !important;
    letter-spacing: -.01em;
}
html.bh-glass .table,
html.bh-glass .widget-stat,
html.bh-glass .badge { font-variant-numeric: tabular-nums; }
html.bh-glass a { color: var(--g-link); }
html.bh-glass a:hover { color: var(--g-link-hover); }
html.bh-glass .text-muted { color: var(--g-muted) !important; }
html.bh-glass ::selection { background: rgba(23, 201, 100, .35); color: var(--g-strong); }

/* culoarea principala: verdele brandului (tema avea turcoaz #13B497) */
html.bh-glass .text-primary { color: var(--g-green) !important; }
html.bh-glass[data-bh-theme="light"] .text-primary { color: var(--g-green-d) !important; }
html.bh-glass .bg-primary { background-color: var(--g-green-d) !important; }
html.bh-glass .badge-primary { background-color: var(--g-green-d); color: #fff; }
html.bh-glass .border-primary { border-color: var(--g-green-d) !important; }

/* ---------- crom de sticla: header, logo, meniu ---------- */
html.bh-glass .nav-header,
html.bh-glass .header,
html.bh-glass .deznav {
    background: var(--g-chrome) !important;
    -webkit-backdrop-filter: var(--g-blur);
    backdrop-filter: var(--g-blur);
}
html.bh-glass .header {
    border-bottom: 1px solid var(--g-edge);
    box-shadow: 0 10px 30px -22px rgba(0, 0, 0, .8);
}
html.bh-glass .nav-header {
    border-bottom: 1px solid var(--g-edge);
    border-right: 1px solid var(--g-edge);
}
html.bh-glass .deznav {
    border-right: 1px solid var(--g-edge);
    box-shadow: none !important;
}
html.bh-glass .nav-control .hamburger .line { background: var(--g-text) !important; }
html.bh-glass .header-profile > a.nav-link {
    background: var(--g-tint) !important;
    border: 1px solid var(--g-edge) !important;
    border-radius: 16px !important;
    transition: background-color .18s ease;
}
html.bh-glass .header-profile > a.nav-link:hover { background: var(--g-tint-2) !important; }
html.bh-glass .header-info span { color: var(--g-strong) !important; font-weight: 700; }
/* in light tema, logourile albe primesc o umbra fina ca sa nu dispara */
html.bh-glass[data-bh-theme="light"] .nav-header .brand-logo img { filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .35)); }

/* butonul de tema din header (adaugat in master.blade.php) */
html.bh-glass .bh-theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    border: 1px solid var(--g-edge);
    background: var(--g-tint);
    color: var(--g-text);
    cursor: pointer;
    transition: background-color .18s ease, transform .12s ease;
}
html.bh-glass .bh-theme-toggle:hover { background: var(--g-tint-2); }
html.bh-glass .bh-theme-toggle:active { transform: scale(.95); }
html.bh-glass .bh-theme-toggle i { font-size: 1.3rem; line-height: 1; }
html.bh-glass .bh-theme-toggle .bh-i-light { display: none; }
html.bh-glass[data-bh-theme="light"] .bh-theme-toggle .bh-i-light { display: inline; }
html.bh-glass[data-bh-theme="light"] .bh-theme-toggle .bh-i-dark { display: none; }
html:not(.bh-glass) .bh-theme-toggle { display: none !important; }

/* meniul lateral: intrari ca pastile, cea activa = sticla verde */
html.bh-glass .deznav .metismenu > li { padding: 0 12px; }
html.bh-glass .deznav .metismenu > li > a {
    border-radius: 14px;
    margin: 2px 0;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
    color: var(--g-text-2) !important;
    background: transparent !important;
    border: 1px solid transparent;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}
html.bh-glass .deznav .metismenu > li > a .nav-text { font-weight: 600; }
/* doar iconitele fara culoare proprie (cele colorate, ex. Admin panel / Statistici, isi pastreaza culoarea) */
html.bh-glass .deznav .metismenu > li > a i:not([style*="color"]):not([class*="text-"]) { color: var(--g-muted) !important; transition: color .18s ease; }
html.bh-glass .deznav .metismenu > li > a:hover,
html.bh-glass .deznav .metismenu > li > a:focus-visible {
    background: var(--g-tint) !important;
    border-color: var(--g-edge);
    color: var(--g-strong) !important;
}
html.bh-glass .deznav .metismenu > li > a:hover i:not([style*="color"]):not([class*="text-"]) { color: var(--g-strong) !important; }
html.bh-glass .deznav .metismenu > li.mm-active > a,
html.bh-glass .deznav .metismenu > li > a.mm-active {
    background: linear-gradient(180deg, rgba(23, 201, 100, .20), rgba(23, 201, 100, .08)) !important;
    border-color: var(--g-green-edge);
    box-shadow: var(--g-hi), 0 8px 24px -12px rgba(23, 201, 100, .6);
    color: var(--g-strong) !important;
}
html.bh-glass .deznav .metismenu > li.mm-active > a i:not([style*="color"]):not([class*="text-"]),
html.bh-glass .deznav .metismenu > li > a.mm-active i:not([style*="color"]):not([class*="text-"]) { color: var(--g-green) !important; }
/* tema deseneaza o bara colorata in stanga intrarii active: o scoatem, pastila e destul */
html.bh-glass .deznav .metismenu > li.mm-active > a::before,
html.bh-glass .deznav .metismenu > li > a.mm-active::before,
html.bh-glass .deznav .metismenu > li.mm-active > a::after { display: none !important; }
html.bh-glass .deznav .metismenu ul { background: transparent !important; }
html.bh-glass .deznav .metismenu ul a { color: var(--g-muted) !important; border-radius: 10px; }
html.bh-glass .deznav .metismenu ul a:hover,
html.bh-glass .deznav .metismenu ul a.mm-active { color: var(--g-strong) !important; }
html.bh-glass .deznav .metismenu ul a::before { background: var(--g-green) !important; }
html.bh-glass .deznav .badge { box-shadow: 0 0 0 3px var(--g-chrome); }

/* cautarea si iconitele din header */
html.bh-glass .header .form-control,
html.bh-glass .header .input-group-text,
html.bh-glass .header .search-area .form-control {
    background: var(--g-tint) !important;
    border: 1px solid var(--g-edge) !important;
    color: var(--g-text) !important;
    box-shadow: none !important;
}
html.bh-glass .header .search-area .form-control { border-right: 0 !important; }
html.bh-glass .header .search-area .input-group-text { color: var(--g-text) !important; }
html.bh-glass .header-right .notification_dropdown .nav-link {
    background: var(--g-tint) !important;
    border: 1px solid var(--g-edge);
    border-radius: 14px !important;
}

/* bara cu titlul paginii (breadcrumb) */
html.bh-glass .page-titles {
    background: transparent !important;
    border: 0;
    box-shadow: none;
}
html.bh-glass .page-titles .breadcrumb li a,
html.bh-glass .page-titles .breadcrumb-item { color: var(--g-muted) !important; }
html.bh-glass .page-titles .breadcrumb .active a,
html.bh-glass .page-titles .breadcrumb-item.active,
html.bh-glass .page-titles .breadcrumb-item.active a { color: var(--g-strong) !important; font-weight: 700; }

/* ---------- carduri ("incadrari"): translucide, fara blur ---------- */
html.bh-glass .card,
html.bh-glass .widget-stat {
    /* luciul "lichid": o pata de lumina in coltul de sus + panoul translucid */
    background:
        radial-gradient(120% 70% at 0% 0%, var(--g-sheen), transparent 55%),
        linear-gradient(180deg, var(--g-pane-a), var(--g-pane-b)) !important;
    border: 1px solid var(--g-edge) !important;
    border-radius: var(--g-r-lg) !important;
    box-shadow: var(--g-hi), var(--g-shadow) !important;
    color: var(--g-text-2);
}
html.bh-glass .card .card {
    background: var(--g-pane-in) !important;
    box-shadow: var(--g-hi) !important;
    border-radius: var(--g-r) !important;
}
html.bh-glass .card-header {
    background: transparent !important;
    border-bottom: 1px solid var(--g-line) !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}
html.bh-glass .card-header .card-title,
html.bh-glass .card-title {
    color: var(--g-strong) !important;
    font-weight: 800;
    letter-spacing: -.015em;
    margin-bottom: 0;
}
html.bh-glass .card-footer {
    background: transparent !important;
    border-top: 1px solid var(--g-line) !important;
}
/* cifrele mari din cardurile de statistici */
html.bh-glass .widget-stat .media-body h3,
html.bh-glass .widget-stat .media-body h4,
html.bh-glass .widget-stat h2,
html.bh-glass .widget-stat h3 {
    color: var(--g-strong) !important;
    font-weight: 800;
    letter-spacing: -.02em;
}
html.bh-glass .widget-stat .media-body p { color: var(--g-muted) !important; font-weight: 600; }
html.bh-glass .widget-stat .media > span {
    border-radius: 16px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 10px 24px -14px rgba(23, 201, 100, .7);
}

/* ---------- grafice (Chart.js) ---------- */
html.bh-glass .card canvas { max-width: 100%; }
html.bh-glass .chartjs-tooltip,
html.bh-glass #chartjs-tooltip {
    background: var(--g-float) !important;
    border: 1px solid var(--g-edge-2) !important;
    border-radius: 12px !important;
    color: var(--g-text) !important;
}

/* ---------- tabele ---------- */
html.bh-glass .table { color: var(--g-text-2) !important; }
html.bh-glass .table thead th,
html.bh-glass .table th {
    color: var(--g-muted) !important;
    font-weight: 700;
    font-size: .8rem;
    letter-spacing: .01em;
    text-transform: none;
    border-bottom: 1px solid var(--g-edge) !important;
    border-top: 0 !important;
    background: transparent !important;
    white-space: nowrap;
}
html.bh-glass .table td {
    border-color: var(--g-line) !important;
    vertical-align: middle;
    color: var(--g-text-2);
}
html.bh-glass .table-striped tbody tr:nth-of-type(odd) { background-color: var(--g-stripe) !important; }
html.bh-glass .table tbody tr { transition: background-color .12s ease; }
html.bh-glass .table-hover tbody tr:hover,
html.bh-glass .table tbody tr:hover { background-color: var(--g-tint) !important; }
html.bh-glass .table-bordered,
html.bh-glass .table-bordered td,
html.bh-glass .table-bordered th { border-color: var(--g-line) !important; }

/* DataTables */
html.bh-glass .dataTables_wrapper .dataTables_length select,
html.bh-glass .dataTables_wrapper .dataTables_filter input {
    background: var(--g-input) !important;
    border: 1px solid var(--g-edge) !important;
    border-radius: 10px !important;
    color: var(--g-text) !important;
}
html.bh-glass .dataTables_wrapper .dataTables_info,
html.bh-glass .dataTables_wrapper .dataTables_length,
html.bh-glass .dataTables_wrapper .dataTables_filter { color: var(--g-muted) !important; }
html.bh-glass .dataTables_wrapper .dataTables_paginate .paginate_button {
    border-radius: 10px !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    color: var(--g-text-2) !important;
}
html.bh-glass .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: var(--g-tint-2) !important;
    border-color: var(--g-edge) !important;
    color: var(--g-strong) !important;
}
html.bh-glass .dataTables_wrapper .dataTables_paginate .paginate_button.current,
html.bh-glass .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: var(--g-green-soft) !important;
    border-color: var(--g-green-edge) !important;
    color: var(--g-strong) !important;
}
html.bh-glass .dataTables_wrapper .dataTables_paginate .paginate_button.disabled { opacity: .4; }
html.bh-glass .dataTables_processing {
    background: var(--g-float) !important;
    border: 1px solid var(--g-edge) !important;
    border-radius: var(--g-r) !important;
    color: var(--g-text) !important;
    box-shadow: var(--g-shadow-float);
}

/* paginare Bootstrap */
html.bh-glass .pagination .page-link {
    background: var(--g-tint);
    border: 1px solid var(--g-edge);
    color: var(--g-text-2);
    border-radius: 10px !important;
    margin: 0 3px;
}
html.bh-glass .pagination .page-link:hover { background: var(--g-tint-2); color: var(--g-strong); }
html.bh-glass .pagination .page-item.active .page-link {
    background: var(--g-green-soft);
    border-color: var(--g-green-edge);
    color: var(--g-strong);
}

/* ---------- butoane generale ---------- */
html.bh-glass .btn {
    border-radius: var(--g-r) !important;
    font-weight: 700;
    letter-spacing: .005em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45em;
    transition: transform .12s ease, filter .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}
html.bh-glass .btn.btn-block { display: flex; }
html.bh-glass .btn-sm { border-radius: 10px !important; }
html.bh-glass .btn-xs { border-radius: 8px !important; }
html.bh-glass .btn:hover { filter: brightness(1.06); }
html.bh-glass .btn:active:not(:disabled) { transform: translateY(1px) scale(.99); }
html.bh-glass .btn:disabled,
html.bh-glass .btn.disabled { opacity: .5; cursor: not-allowed; filter: none; }
html.bh-glass .btn-primary,
html.bh-glass .btn-success {
    background: linear-gradient(180deg, #22d877, var(--g-green-d)) !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    color: var(--g-green-ink) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .38), 0 8px 22px -12px rgba(23, 201, 100, .75);
}
html.bh-glass .btn-primary i,
html.bh-glass .btn-success i { color: inherit !important; }
html.bh-glass .btn-danger {
    background: linear-gradient(180deg, #ff6b7a, #e2394c) !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    color: #fff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 8px 22px -12px rgba(226, 57, 76, .7);
}
html.bh-glass .btn-warning {
    background: linear-gradient(180deg, #ffd166, #f0a92b) !important;
    border: 1px solid rgba(255, 255, 255, .2) !important;
    color: #2a1a00 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45), 0 8px 22px -12px rgba(240, 169, 43, .7);
}
html.bh-glass .btn-info {
    background: linear-gradient(180deg, #5ee0d6, #23b3a8) !important;
    border: 1px solid rgba(255, 255, 255, .18) !important;
    color: #032321 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 8px 22px -12px rgba(35, 179, 168, .7);
}
html.bh-glass .btn-secondary,
html.bh-glass .btn-dark,
html.bh-glass .btn-light,
html.bh-glass .btn-outline-primary,
html.bh-glass .btn-outline-success,
html.bh-glass .btn-outline-light,
html.bh-glass .btn-outline-secondary,
html.bh-glass .btn-outline-dark,
html.bh-glass .btn-outline-info,
html.bh-glass .btn-outline-warning,
html.bh-glass .btn-outline-danger {
    background: var(--g-tint) !important;
    border: 1px solid var(--g-edge-2) !important;
    color: var(--g-text) !important;
    box-shadow: var(--g-hi);
}
html.bh-glass .btn-secondary:hover,
html.bh-glass .btn-dark:hover,
html.bh-glass .btn-light:hover,
html.bh-glass [class*="btn-outline-"]:hover {
    background: var(--g-tint-2) !important;
    color: var(--g-strong) !important;
}
html.bh-glass .btn-outline-primary,
html.bh-glass .btn-outline-success { border-color: var(--g-green-edge) !important; color: var(--g-green-text) !important; }
html.bh-glass .btn-outline-danger { border-color: rgba(255, 92, 108, .45) !important; color: #ff8b97 !important; }
html.bh-glass[data-bh-theme="light"] .btn-outline-danger { color: #c4283b !important; }
html.bh-glass .btn-outline-warning { border-color: rgba(243, 189, 62, .5) !important; color: #f6cf73 !important; }
html.bh-glass[data-bh-theme="light"] .btn-outline-warning { color: #9a6a00 !important; }
html.bh-glass .btn-link { color: var(--g-link) !important; background: transparent !important; box-shadow: none !important; }

/* buton care asteapta raspunsul (bh-glass.js: formulare trimise, protectie la dublu-click) */
html.bh-glass .btn.bh-busy {
    position: relative;
    color: transparent !important;
    pointer-events: none;
}
html.bh-glass .btn.bh-busy > * { visibility: hidden; }
html.bh-glass .btn.bh-busy::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, .35);
    border-top-color: #fff;
    animation: bhSpin .7s linear infinite;
}
html.bh-glass .btn-primary.bh-busy::after,
html.bh-glass .btn-success.bh-busy::after,
html.bh-glass .btn-warning.bh-busy::after { border-color: rgba(4, 19, 10, .25); border-top-color: var(--g-green-ink); }
@keyframes bhSpin { to { transform: rotate(360deg); } }

/* ---------- formulare ---------- */
html.bh-glass .form-control,
html.bh-glass .custom-select,
html.bh-glass select.form-control,
html.bh-glass .input-group-text {
    background-color: var(--g-input) !important;
    border: 1px solid var(--g-edge) !important;
    color: var(--g-text) !important;
    border-radius: var(--g-r) !important;
    box-shadow: var(--g-input-shadow);
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}
html.bh-glass .form-control::placeholder { color: var(--g-placeholder); }
html.bh-glass .form-control:focus,
html.bh-glass .custom-select:focus {
    border-color: var(--g-green-edge) !important;
    background-color: var(--g-input-focus) !important;
    box-shadow: 0 0 0 3px rgba(23, 201, 100, .16) !important;
}
html.bh-glass .form-control:disabled,
html.bh-glass .form-control[readonly] { opacity: .65; }
html.bh-glass select.form-control option { background: var(--g-option-bg); color: var(--g-text); }
html.bh-glass label { color: var(--g-text-2); font-weight: 600; }
html.bh-glass .input-group > .form-control:not(:last-child),
html.bh-glass .input-group > .input-group-prepend > .input-group-text { border-radius: var(--g-r) 0 0 var(--g-r) !important; }
html.bh-glass .input-group > .input-group-append > .btn,
html.bh-glass .input-group > .input-group-append > .input-group-text { border-radius: 0 var(--g-r) var(--g-r) 0 !important; }
html.bh-glass .custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--g-green-d) !important;
    border-color: var(--g-green-d) !important;
}

/* ---------- dropdown, modal, toast, swal: sticla cu blur ---------- */
html.bh-glass .dropdown-menu {
    background: var(--g-float) !important;
    -webkit-backdrop-filter: var(--g-blur);
    backdrop-filter: var(--g-blur);
    border: 1px solid var(--g-edge-2) !important;
    border-radius: 16px !important;
    box-shadow: var(--g-hi), var(--g-shadow-float) !important;
    padding: 6px;
}
html.bh-glass .dropdown-menu.show { animation: bhPop .16s var(--g-ease); }
html.bh-glass .dropdown-item {
    color: var(--g-text-2) !important;
    border-radius: 10px;
}
html.bh-glass .dropdown-item:hover,
html.bh-glass .dropdown-item:focus {
    background: var(--g-tint-2) !important;
    color: var(--g-strong) !important;
}
html.bh-glass .dropdown-divider { border-color: var(--g-line); }

html.bh-glass .modal-backdrop.show { opacity: var(--g-backdrop); }
html.bh-glass .modal-content {
    background: var(--g-float) !important;
    -webkit-backdrop-filter: var(--g-blur);
    backdrop-filter: var(--g-blur);
    border: 1px solid var(--g-edge-2) !important;
    border-radius: var(--g-r-xl) !important;
    box-shadow: var(--g-hi), var(--g-shadow-float) !important;
    color: var(--g-text-2);
}
html.bh-glass .modal.fade .modal-dialog { transition: transform .22s var(--g-ease), opacity .22s ease; transform: translateY(10px) scale(.985); }
html.bh-glass .modal.show .modal-dialog { transform: none; }
html.bh-glass .modal-header,
html.bh-glass .modal-footer { border-color: var(--g-line) !important; }
html.bh-glass .modal-title { color: var(--g-strong) !important; font-weight: 800; }
html.bh-glass .modal-content .close,
html.bh-glass .modal-content .btn-close { color: var(--g-strong); opacity: .7; text-shadow: none; }

html.bh-glass .swal2-popup {
    background: var(--g-float) !important;
    -webkit-backdrop-filter: var(--g-blur);
    backdrop-filter: var(--g-blur);
    border: 1px solid var(--g-edge-2) !important;
    border-radius: var(--g-r-xl) !important;
    color: var(--g-text-2) !important;
    box-shadow: var(--g-shadow-float) !important;
}
html.bh-glass .swal2-title { color: var(--g-strong) !important; }
html.bh-glass .swal2-html-container { color: var(--g-text-2) !important; }
html.bh-glass .swal2-styled { border-radius: var(--g-r) !important; font-weight: 700 !important; }
html.bh-glass .swal2-styled.swal2-confirm { background: linear-gradient(180deg, #22d877, var(--g-green-d)) !important; color: var(--g-green-ink) !important; }

html.bh-glass .jq-toast-wrap .jq-toast-single {
    background: var(--g-float) !important;
    -webkit-backdrop-filter: var(--g-blur);
    backdrop-filter: var(--g-blur);
    border: 1px solid var(--g-edge-2);
    border-radius: 14px;
    box-shadow: var(--g-shadow-float);
    color: var(--g-text) !important;
    font-family: var(--g-font);
}

/* ---------- alerte, badge-uri, tab-uri, liste ---------- */
html.bh-glass .alert {
    border-radius: var(--g-r) !important;
    border: 1px solid var(--g-edge);
    box-shadow: var(--g-hi);
}
html.bh-glass .alert-success { background: rgba(23, 201, 100, .12) !important; border-color: rgba(23, 201, 100, .32) !important; color: #b7f5d1 !important; }
html.bh-glass .alert-danger { background: rgba(255, 92, 108, .12) !important; border-color: rgba(255, 92, 108, .32) !important; color: #ffc9cf !important; }
html.bh-glass .alert-warning { background: rgba(243, 189, 62, .12) !important; border-color: rgba(243, 189, 62, .32) !important; color: #fbe3a8 !important; }
html.bh-glass .alert-info { background: rgba(63, 210, 199, .12) !important; border-color: rgba(63, 210, 199, .32) !important; color: #bff2ee !important; }
html.bh-glass[data-bh-theme="light"] .alert-success { color: #0b5e2e !important; }
html.bh-glass[data-bh-theme="light"] .alert-danger { color: #8f1d2b !important; }
html.bh-glass[data-bh-theme="light"] .alert-warning { color: #6e4a00 !important; }
html.bh-glass[data-bh-theme="light"] .alert-info { color: #0b5a55 !important; }

html.bh-glass .badge { border-radius: 999px; font-weight: 700; letter-spacing: .01em; }

html.bh-glass .nav-tabs { border-bottom: 1px solid var(--g-edge) !important; }
html.bh-glass .nav-tabs .nav-link {
    color: var(--g-muted) !important;
    border: 1px solid transparent !important;
    border-radius: 12px 12px 0 0 !important;
    font-weight: 700;
    transition: color .15s ease, background-color .15s ease;
}
html.bh-glass .nav-tabs .nav-link:hover { color: var(--g-strong) !important; background: var(--g-tint); }
html.bh-glass .nav-tabs .nav-link.active {
    color: var(--g-strong) !important;
    background: var(--g-tint) !important;
    border-color: var(--g-edge) var(--g-edge) transparent !important;
    box-shadow: inset 0 2px 0 var(--g-green);
}
html.bh-glass .nav-pills .nav-link { border-radius: 12px; color: var(--g-text-2); font-weight: 700; }
html.bh-glass .nav-pills .nav-link.active {
    background: var(--g-green-soft) !important;
    color: var(--g-strong) !important;
    box-shadow: inset 0 0 0 1px var(--g-green-edge);
}

html.bh-glass .list-group-item {
    background: transparent !important;
    border-color: var(--g-line) !important;
    color: var(--g-text-2);
}
html.bh-glass .progress { background: var(--g-tint-2); border-radius: 999px; }
html.bh-glass .progress-bar { border-radius: 999px; }
html.bh-glass hr { border-color: var(--g-line); }
html.bh-glass .bg-white, html.bh-glass .bg-light { background-color: var(--g-tint) !important; }

/* ---------- footer, scrollbar, focus ---------- */
html.bh-glass .footer { border-top: 1px solid var(--g-line); }
html.bh-glass .footer .copyright p,
html.bh-glass .footer .copyright a { color: var(--g-muted) !important; }
html.bh-glass #preloader { background: var(--g-bg) !important; }

html.bh-glass * { scrollbar-width: thin; scrollbar-color: var(--g-scroll) transparent; }
html.bh-glass ::-webkit-scrollbar { width: 10px; height: 10px; }
html.bh-glass ::-webkit-scrollbar-thumb {
    background: var(--g-scroll);
    border-radius: 999px;
    border: 2px solid transparent;
    background-clip: padding-box;
}
html.bh-glass ::-webkit-scrollbar-track { background: transparent; }

html.bh-glass :focus-visible {
    outline: 2px solid rgba(23, 201, 100, .75) !important;
    outline-offset: 2px;
}
html.bh-glass .btn:focus,
html.bh-glass .btn.focus { box-shadow: 0 0 0 3px rgba(23, 201, 100, .22) !important; }

/* ---------- animatii ----------
   Un singur moment orchestrat: la incarcare, cardurile paginii urca usor, pe rand (max ~0,4 s).
   Restul sunt raspunsuri la actiuni (apasare, deschidere, schimbarea temei). */
@keyframes bhRise { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes bhPop { from { opacity: 0; transform: translateY(-4px) scale(.98); } to { opacity: 1; transform: none; } }
html.bh-glass .content-body .container-fluid > .row > [class*="col"] {
    /* backwards (nu both): dupa animatie nu ramane niciun transform pe coloana; un transform ramas
       face din coloana containerul ferestrelor position:fixed (modalul de Loguri ar ramane prins in ea) */
    animation: bhRise .42s var(--g-ease) backwards;
}
html.bh-glass .content-body .container-fluid > .row > [class*="col"]:nth-child(2) { animation-delay: .04s; }
html.bh-glass .content-body .container-fluid > .row > [class*="col"]:nth-child(3) { animation-delay: .08s; }
html.bh-glass .content-body .container-fluid > .row > [class*="col"]:nth-child(4) { animation-delay: .12s; }
html.bh-glass .content-body .container-fluid > .row > [class*="col"]:nth-child(5) { animation-delay: .16s; }
html.bh-glass .content-body .container-fluid > .row > [class*="col"]:nth-child(n+6) { animation-delay: .2s; }
html.bh-glass .content-body .container-fluid > .row + .row > [class*="col"] { animation-delay: .1s; }
/* schimbarea temei: tranzitie scurta pe culori (doar in momentul comutarii, nu permanent) */
html.bh-glass.bh-theming,
html.bh-glass.bh-theming *,
html.bh-glass.bh-theming *::before {
    transition: background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease !important;
}
::view-transition-old(root),
::view-transition-new(root) { animation-duration: .35s; }

/* ---------- fallback-uri: fara blur sau cu transparenta redusa => panouri opace ---------- */
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    html.bh-glass .nav-header,
    html.bh-glass .header,
    html.bh-glass .deznav { background: var(--g-chrome-solid) !important; }
    html.bh-glass .dropdown-menu,
    html.bh-glass .modal-content,
    html.bh-glass .swal2-popup,
    html.bh-glass .jq-toast-wrap .jq-toast-single { background: var(--g-float-solid) !important; }
}
@media (prefers-reduced-transparency: reduce) {
    html.bh-glass .nav-header,
    html.bh-glass .header,
    html.bh-glass .deznav,
    html.bh-glass .dropdown-menu,
    html.bh-glass .modal-content,
    html.bh-glass .swal2-popup {
        background: var(--g-float-solid) !important;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
    html.bh-glass .card,
    html.bh-glass .widget-stat { background: var(--g-card-solid) !important; }
}
@media (prefers-reduced-motion: reduce) {
    html.bh-glass *,
    html.bh-glass *::before,
    html.bh-glass *::after { transition-duration: 0s !important; animation-duration: 0s !important; animation-delay: 0s !important; }
}

/* telefon: blur mai mic (GPU slab), colturi putin mai mici */
@media (max-width: 767.98px) {
    html.bh-glass { --g-blur: blur(12px) saturate(140%); --g-r-lg: 16px; }
    html.bh-glass .deznav .metismenu > li { padding: 0 8px; }
    html.bh-glass .bh-theme-toggle { width: 40px; height: 40px; }
}

/* ---------- meniu grupat: etichete de sectiune ---------- */
html.bh-glass .deznav .metismenu > li.bh-nav-label {
    padding: 18px 26px 6px !important;
    margin: 0 !important;
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .02em;
    color: var(--g-muted) !important;
    opacity: .85;
    text-transform: none;
}
html.bh-glass .deznav .metismenu > li.bh-nav-label:first-child { padding-top: 6px !important; }
html:not(.bh-glass) .deznav .metismenu > li.bh-nav-label {
    padding: 14px 30px 4px; font-size: .75rem; color: #8a8a8a; list-style: none;
}
.deznav .bh-ext { font-size: .8em; opacity: .55; margin-left: 2px; }
/* meniu ingustat (iconite): etichetele de sectiune devin un separator subtire */
/* (pe telefon .menu-toggle inseamna meniu DESCHIS, deci doar de la 768 px in sus) */
@media (min-width: 768px) {
[data-sidebar-style="mini"] .deznav .metismenu > li.bh-nav-label,
.menu-toggle .deznav .metismenu > li.bh-nav-label {
    font-size: 0 !important;
    padding: 8px 0 !important;
    border-top: 1px solid var(--g-line, rgba(255, 255, 255, .06));
    margin: 6px 14px 0 !important;
}
}

/* comutatorul de aspect din meniul contului: arata doar varianta care nu e activa */
html.bh-glass .dropdown-item.bh-glass-on { display: none !important; }
html:not(.bh-glass) .dropdown-item.bh-glass-off { display: none !important; }
.header-right .nav-item .bh-theme-toggle { margin-right: 4px; }

/* light: textele cu alb scris direct in continut (stiri, anunturi, mesaje vechi) devin lizibile */
html.bh-glass[data-bh-theme="light"] .content-body [style*="color: #fff"],
html.bh-glass[data-bh-theme="light"] .content-body [style*="color:#fff"],
html.bh-glass[data-bh-theme="light"] .content-body [style*="color: #FFF"],
html.bh-glass[data-bh-theme="light"] .content-body [style*="color:#FFF"],
html.bh-glass[data-bh-theme="light"] .content-body [style*="color: white"],
html.bh-glass[data-bh-theme="light"] .content-body [style*="color:white"],
html.bh-glass[data-bh-theme="light"] .content-body [style*="color: rgb(255, 255, 255)"],
html.bh-glass[data-bh-theme="light"] .content-body font[color="#ffffff"],
html.bh-glass[data-bh-theme="light"] .content-body font[color="white"] {
    color: var(--g-text) !important;
}
/* ...dar nu pe fundaluri colorate (badge, butoane, etichete cu fundal propriu) */
html.bh-glass[data-bh-theme="light"] .content-body .badge[style*="color"],
html.bh-glass[data-bh-theme="light"] .content-body .btn[style*="color"],
html.bh-glass[data-bh-theme="light"] .content-body [style*="background"][style*="color"] { color: #fff !important; }

/* tema scrie titlurile cu Majuscula La Fiecare Cuvant: in romana arata gresit */
html.bh-glass .card-title,
html.bh-glass .card-header .card-title { text-transform: none !important; }
/* butonul hamburger al temei (patrat gri plin) -> sticla */
html.bh-glass .nav-control .hamburger,
html.bh-glass .nav-header .hamburger {
    background: var(--g-tint) !important;
    border: 1px solid var(--g-edge);
    border-radius: 12px !important;
}

/* Shop-ul (/payments) are designul lui, gandit pe intuneric: in tema light ramane o "insula" intunecata
   (tokenii dark redefiniti in interior, ca butoanele/campurile sa ramana corecte). */
html.bh-glass[data-bh-theme="light"] .bh-shop {
    --g-strong: #ffffff; --g-text: #e6ecea; --g-text-2: #c3cdc9; --g-muted: #8f9d98;
    --g-tint: rgba(255, 255, 255, .045); --g-tint-2: rgba(255, 255, 255, .085);
    --g-input: rgba(0, 0, 0, .25); --g-input-focus: rgba(0, 0, 0, .32); --g-placeholder: rgba(230, 236, 234, .38);
    --g-edge: rgba(255, 255, 255, .085); --g-edge-2: rgba(255, 255, 255, .14); --g-line: rgba(255, 255, 255, .06);
    --g-pane-a: rgba(255, 255, 255, .068); --g-pane-b: rgba(255, 255, 255, .026); --g-sheen: rgba(255, 255, 255, .065);
    --g-link: #6fe3a1; --g-link-hover: #a5f0c4; --g-option-bg: #101718;
    color-scheme: dark;
    color: #c3cdc9;
    background:
        radial-gradient(60% 50% at 0% 0%, rgba(19, 182, 83, .18), transparent 60%),
        linear-gradient(180deg, #0c1314, #070b0c);
    border-radius: 24px;
    padding: 22px;
    box-shadow: 0 30px 70px -30px rgba(16, 40, 30, .55);
}
@media (max-width: 767.98px) {
    html.bh-glass[data-bh-theme="light"] .bh-shop { padding: 14px; border-radius: 18px; }
}

/* ---------- paleta de comenzi (Ctrl+K / "/") ---------- */
html.bh-glass .bh-pal {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 12vh 16px 16px;
    background: rgba(3, 6, 7, var(--g-backdrop));
    animation: bhFade .14s ease;
}
html.bh-glass .bh-pal[hidden] { display: none; }
html.bh-glass .bh-pal__panel {
    width: min(640px, 100%);
    max-height: 70vh;
    display: flex;
    flex-direction: column;
    background: var(--g-float);
    -webkit-backdrop-filter: var(--g-blur);
    backdrop-filter: var(--g-blur);
    border: 1px solid var(--g-edge-2);
    border-radius: var(--g-r-xl);
    box-shadow: var(--g-hi), var(--g-shadow-float);
    overflow: hidden;
    animation: bhPop .18s var(--g-ease);
}
html.bh-glass .bh-pal__head {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    border-bottom: 1px solid var(--g-line);
}
html.bh-glass .bh-pal__head > i { font-size: 1.35rem; color: var(--g-green); }
html.bh-glass .bh-pal__input {
    flex: 1;
    min-width: 0;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: var(--g-strong) !important;
    font-size: 1.05rem;
    font-weight: 600;
    box-shadow: none !important;
}
html.bh-glass .bh-pal__input::placeholder { color: var(--g-placeholder); font-weight: 500; }
html.bh-glass .bh-pal kbd {
    display: inline-flex;
    align-items: center;
    min-width: 22px;
    justify-content: center;
    padding: 2px 6px;
    border-radius: 7px;
    font: 700 .72rem var(--g-font);
    color: var(--g-text-2);
    background: var(--g-tint-2);
    border: 1px solid var(--g-edge);
    box-shadow: none;
}
html.bh-glass .bh-pal__list { list-style: none; margin: 0; padding: 6px; overflow-y: auto; }
html.bh-glass .bh-pal__item {
    display: grid;
    grid-template-columns: 28px 1fr auto;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 12px;
    cursor: pointer;
    color: var(--g-text-2);
}
html.bh-glass .bh-pal__item > i { font-size: 1.2rem; color: var(--g-muted); text-align: center; }
html.bh-glass .bh-pal__label { font-weight: 700; color: var(--g-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.bh-glass .bh-pal__hint { font-size: .78rem; color: var(--g-muted); white-space: nowrap; }
html.bh-glass .bh-pal__item.is-active,
html.bh-glass .bh-pal__item:hover {
    background: var(--g-green-soft);
    box-shadow: inset 0 0 0 1px var(--g-green-edge);
}
html.bh-glass .bh-pal__item.is-active > i { color: var(--g-green); }
html.bh-glass .bh-pal__item.is-search .bh-pal__label { color: var(--g-green-text); }
html.bh-glass .bh-pal__empty { padding: 18px; text-align: center; color: var(--g-muted); }
html.bh-glass .bh-pal__foot {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    padding: 10px 16px;
    border-top: 1px solid var(--g-line);
    font-size: .76rem;
    color: var(--g-muted);
}
html.bh-glass .bh-pal__foot kbd { margin-right: 3px; }
html.bh-glass.bh-pal-open body { overflow: hidden; }
@keyframes bhFade { from { opacity: 0; } to { opacity: 1; } }
@media (max-width: 767.98px) {
    html.bh-glass .bh-pal { padding-top: 70px; }
    html.bh-glass .bh-pal__foot { display: none; }
    html.bh-glass .bh-pal__hint { display: none; }
}
/* butonul paletei din header */
html.bh-glass .bh-pal-btn { width: auto !important; padding: 0 12px; gap: 8px; }
html.bh-glass .bh-pal-btn kbd {
    font: 700 .7rem var(--g-font); padding: 1px 6px; border-radius: 6px;
    background: var(--g-tint-2); border: 1px solid var(--g-edge); color: var(--g-muted); box-shadow: none;
}
@media (max-width: 991.98px) { html.bh-glass .bh-pal-btn kbd { display: none; } }
html:not(.bh-glass) .bh-pal-btn { display: none !important; }

/* randuri colorate din tabele (table-success / info / active...: ex. podiumul din topuri):
   nuanta discreta + bara de accent in stanga, in loc de fundal plin */
html.bh-glass .table tr[class*="table-"] > td,
html.bh-glass .table tr[class*="table-"] > th { background: transparent !important; }
html.bh-glass .table tr.table-success { background: linear-gradient(90deg, rgba(23, 201, 100, .16), rgba(23, 201, 100, .03)) !important; }
html.bh-glass .table tr.table-info { background: linear-gradient(90deg, rgba(63, 160, 245, .16), rgba(63, 160, 245, .03)) !important; }
html.bh-glass .table tr.table-active { background: linear-gradient(90deg, var(--g-tint-2), transparent) !important; }
html.bh-glass .table tr.table-warning { background: linear-gradient(90deg, rgba(243, 189, 62, .16), rgba(243, 189, 62, .03)) !important; }
html.bh-glass .table tr.table-danger { background: linear-gradient(90deg, rgba(255, 92, 108, .16), rgba(255, 92, 108, .03)) !important; }
html.bh-glass .table tr.table-primary { background: linear-gradient(90deg, rgba(23, 201, 100, .12), transparent) !important; }
html.bh-glass .table tr.table-success > td:first-child { box-shadow: inset 3px 0 0 var(--g-green); }
html.bh-glass .table tr.table-info > td:first-child { box-shadow: inset 3px 0 0 #3fa0f5; }
html.bh-glass .table tr.table-active > td:first-child { box-shadow: inset 3px 0 0 var(--g-muted); }
html.bh-glass .table tr.table-warning > td:first-child { box-shadow: inset 3px 0 0 var(--g-gold); }
html.bh-glass .table tr.table-danger > td:first-child { box-shadow: inset 3px 0 0 var(--g-red); }
/* antetul tabelelor: fara banda plina a temei */
html.bh-glass .table thead,
html.bh-glass .table thead tr { background: transparent !important; }

/* Pana termina scriptul temei de asezat meniul (custom.min.js pune #main-wrapper.show), butonul de meniu si
   bara laterala nu se arata: altfel, o clipa, butonul cade peste logo si meniul apare nealiniat.
   Continutul paginii ramane vizibil imediat (tema veche ascundea toata pagina pana atunci). */
html.bh-glass #main-wrapper:not(.show) .nav-control,
html.bh-glass #main-wrapper:not(.show) .deznav,
html.bh-glass #main-wrapper:not(.show) .nav-header .brand-title { visibility: hidden; }

/* selectorul de limba din meniul contului (RO / EN): merge si pe aspectul clasic */
.header-profile .dropdown-item.bh-lang { display: flex; align-items: center; cursor: default; }
.header-profile .dropdown-item.bh-lang:active { background: transparent; color: inherit; }
.header-profile .bh-lang-opts { margin-left: auto; display: inline-flex; gap: 2px; border-radius: 10px; padding: 2px; border: 1px solid rgba(127,127,127,.3); }
.header-profile .bh-lang-opts a { min-width: 34px; padding: 3px 8px; border-radius: 8px; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-align: center; color: inherit; opacity: .75; text-decoration: none; }
.header-profile .bh-lang-opts a:hover, .header-profile .bh-lang-opts a:focus-visible { opacity: 1; background: rgba(127,127,127,.16); }
.header-profile .bh-lang-opts a.is-on { opacity: 1; background: #13b497; color: #fff; }
html.bh-glass .header-profile .bh-lang-opts { border-color: var(--g-edge); margin-left: auto; }
html.bh-glass .header-profile .bh-lang-opts a.is-on { background: linear-gradient(180deg, #22d877, var(--g-green-d)); color: var(--g-green-ink); }

/* ---------- logo pumn: "sange" verde care pulseaza prin vene ----------
   3 straturi: logo-ul + stratul de vene (doar pixelii verzi) cu bataie dubla de inima +
   acelasi strat mascat cu o banda care urca de la incheietura spre flacara (curgerea). */
.nav-header .logo-abbr.bh-fist { position: relative; display: inline-block; height: 50px; width: 34px; max-width: none; flex: 0 0 auto; }
@media only screen and (max-width: 575px) { .nav-header .logo-abbr.bh-fist { height: 42px; width: 28px; } }
.bh-fist img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.bh-fist .bh-fist-glow { mix-blend-mode: screen; pointer-events: none; opacity: .35;
    filter: drop-shadow(0 0 3px rgba(57, 255, 106, .9)) drop-shadow(0 0 7px rgba(57, 255, 106, .55));
    animation: bh-fist-beat 1.5s ease-in-out infinite; will-change: opacity, filter; }
.bh-fist .bh-fist-flow { opacity: 1; animation: bh-fist-flow 1.5s cubic-bezier(.45, 0, .55, 1) infinite;
    -webkit-mask-image: linear-gradient(to top, transparent 42%, #000 47%, #000 53%, transparent 58%);
    mask-image: linear-gradient(to top, transparent 42%, #000 47%, #000 53%, transparent 58%);
    -webkit-mask-size: 100% 300%; mask-size: 100% 300%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
    filter: brightness(1.6) drop-shadow(0 0 4px rgba(120, 255, 150, 1)); }
@keyframes bh-fist-beat {
    0%, 100% { opacity: .35; filter: drop-shadow(0 0 2px rgba(57, 255, 106, .6)); }
    12% { opacity: 1; filter: drop-shadow(0 0 5px rgba(57, 255, 106, 1)) drop-shadow(0 0 12px rgba(57, 255, 106, .7)); }
    24% { opacity: .55; }
    36% { opacity: .9; filter: drop-shadow(0 0 4px rgba(57, 255, 106, .9)) drop-shadow(0 0 9px rgba(57, 255, 106, .5)); }
    60% { opacity: .4; filter: drop-shadow(0 0 2px rgba(57, 255, 106, .6)); }
}
/* banda porneste sub incheietura si iese prin flacara */
@keyframes bh-fist-flow {
    0% { -webkit-mask-position: 0 0%; mask-position: 0 0%; opacity: 0; }
    10% { opacity: 1; }
    75% { opacity: 1; }
    100% { -webkit-mask-position: 0 100%; mask-position: 0 100%; opacity: 0; }
}
.nav-header .brand-logo:hover .bh-fist .bh-fist-glow { animation-duration: .9s; }
@media (prefers-reduced-motion: reduce) {
    .bh-fist .bh-fist-glow { animation: none; opacity: .8; }
    .bh-fist .bh-fist-flow { display: none; }
}