/* ============================================================
   ANESFHS dark-red theme – Radzen Layout overrides
   ============================================================ */

/* --- Override Radzen primary colour (buttons, sliders, focus rings, etc.) --- */
:root {
    --rz-primary: #9b0801;
    --rz-primary-darker: #5a0301;
    --rz-primary-lighter: #c41000;
}

/* --- Sidebar: vertical dark-red gradient --- */
.rz-sidebar {
    background: linear-gradient(180deg, #9b0801 0%, #5a0301 50%, #510400 100%) !important;
    color: #ffffff !important;
}

/* --- Header: horizontal dark-red gradient --- */
.rz-header {
    background: linear-gradient(90deg, #9b0801 0%, #5a0301 50%, #510400 100%) !important;
    color: #ffffff !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.35) !important;
}

.rz-header a,
.rz-header .rz-button-box {
    color: #ffffff !important;
}

.rz-header a:hover {
    color: #ffd6d4 !important;
}

/* --- Panel menu: white text and hover/active states on red sidebar --- */
.rz-sidebar .rz-panel-menu {
    background: transparent !important;
}

.rz-sidebar .rz-navigation-item-text {
    color: #ffffff !important;
}

.rz-sidebar .rz-navigation-item:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.rz-sidebar .rz-navigation-item.rz-state-active {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

/* --- Bootstrap primary colour override for any remaining Bootstrap-based elements --- */
[data-bs-theme=dark] {
    --bs-primary: #9b0801;
    --bs-primary-rgb: 155, 8, 1;
    --bs-primary-text-emphasis: #ffd6d4;
    --bs-primary-bg-subtle: rgba(155, 8, 1, 0.1);
    --bs-primary-border-subtle: rgba(155, 8, 1, 0.25);
    --bs-link-color: var(--bs-primary);
    --bs-link-hover-color: #7a0501;
}

/* --- Pin Radzen text colours in light mode.
   html[data-bs-theme=light] has specificity (0,1,1) which outranks :root (0,1,0) used
   by Radzen's material-dark.css, so these values win even if that sheet leaks through. --- */
html[data-bs-theme=light] {
    --rz-base-50: #fafafa;
    --rz-base-800: #424242;
    --rz-base-900: #212121;
    --rz-text-color: #424242;
    --rz-text-title-color: #212121;
    --rz-text-secondary-color: #757575;
    --rz-body-background-color: #f5f5f5;
}