/* Global style overrides for Havit Blazor components.
   Uses html .hx-sidebar (specificity 0,0,1,1) to unconditionally beat
   Havit's own [b-hash] variable declarations (specificity 0,0,1,0). */
html .hx-sidebar {
    /* Slimmer nav items — Havit default is .75rem */
    --hx-sidebar-item-padding: .5rem;
    /* Slimmer sub-items — Havit default is .5rem */
    --hx-sidebar-subitem-padding: .35rem;
    /* More visible active-state fill — Havit default is .1 */
    --hx-sidebar-item-active-background-opacity: .18;
    /* Bold text on the active leaf link — Havit default is inherit */
    --hx-sidebar-item-active-font-weight: 600;
    /* Heavier parent heading when a child route is active — Havit default is 600 */
    --hx-sidebar-parent-item-active-font-weight: 700;
}

svg.svg-inline--fa {
    display: var(--fa-display, inline-block);
    height: 1em;
    width: auto;
    overflow: visible;
    vertical-align: -0.125em;
    box-sizing: content-box;
}

.svg-inline--fa.fa-fw {
    width: 1.25em;
}

/* Custom dark theme overrides — must live here (after all Bootstrap variants in App.razor). */

[data-bs-theme="dark"] {
	--bs-body-bg: #1e2125;
	--bs-tertiary-bg: #2b3035;
	--bs-body-color: #dee2e6;
	--bs-secondary-color: rgba(222, 226, 230, 0.75);
	--bs-primary: #58a6ff;
	--bs-primary-rgb: 88, 166, 255;
	--bs-success: #3fb950;
	--bs-danger: #f85149;
	--bs-border-color: #444c56;
	--bs-border-color-translucent: rgba(210, 218, 229, 0.1);
}