/* Radzen Panel Menu - Complete styling for black background and white text */
.rz-panel-menu {
    background-color: #000 !important;
}

.rz-panel-menu-item,
.rz-panel-menu-item-wrapper,
.rz-navigation-item,
.rz-navigation-item-wrapper {
    background-color: #000 !important;
}

/* All text in menu items - white (NOT yellow by default) */
.rz-panel-menu-item,
.rz-panel-menu-item-text,
.rz-navigation-item,
.rz-navigation-item-text,
.rz-panel-menu .rz-navigation-item-link,
.rz-panel-menu-item-wrapper .rz-panel-menu-item-text {
    color: #fff !important;
}

/* Hover states - keep background black, change ONLY hovered item text to yellow */
.rz-panel-menu-item:hover,
.rz-navigation-item:hover,
.rz-panel-menu-item-wrapper:hover {
    background-color: #000 !important;
    color: #FFD700 !important;
}

/* Only direct text of hovered item turns yellow, not children */
.rz-panel-menu-item:hover > .rz-panel-menu-item-text,
.rz-panel-menu-item-wrapper:hover > .rz-panel-menu-item-text,
.rz-navigation-item:hover > .rz-navigation-item-text {
    color: #FFD700 !important;
}

/* Prevent child items from inheriting yellow color */
.rz-panel-menu-item:hover .rz-panel-menu-item-children .rz-panel-menu-item,
.rz-panel-menu-item:hover .rz-panel-menu-item-children .rz-panel-menu-item-text {
    color: #fff !important;
}

/* Icons in menu - white, yellow on hover */
.rz-panel-menu-item .rz-panel-menu-item-icon,
.rz-navigation-item .material-icons,
.rz-panel-menu-item .material-icons {
    color: #fff !important;
}

.rz-panel-menu-item:hover > .rz-panel-menu-item-icon,
.rz-navigation-item:hover > .material-icons,
.rz-panel-menu-item:hover > .material-icons {
    color: #FFD700 !important;
}

/* Sub-panel (expanded) items - keep white by default */
.rz-panel-menu-item-children,
.rz-panel-menu-item-children-wrapper {
    background-color: #000 !important;
}

.rz-panel-menu-item-children .rz-panel-menu-item,
.rz-panel-menu-item-children .rz-panel-menu-item-text {
    color: #fff !important;
    background-color: #000 !important;
}

/* Active/selected state */
.rz-panel-menu-item.rz-state-active,
.rz-navigation-item.rz-state-active {
    background-color: #2a2a2a !important;
    color: #fff !important;
}

/* ALL links inside panel menu - override all other link styles */
.rz-panel-menu a,
.rz-panel-menu a:link,
.rz-panel-menu a:visited,
.rz-panel-menu a:active,
.rz-panel-menu a:hover {
    color: #fff !important;
    text-decoration: none !important;
}

/* Links turn yellow when parent menu item is hovered */
.rz-panel-menu-item:hover > a,
.rz-panel-menu-item:hover > div > a,
.rz-panel-menu-item:hover a {
    color: #FFD700 !important;
    text-decoration: none !important;
}

/* HR separator */
.rz-panel-menu hr {
    border-color: #000 !important;
}

/* Radzen Panel - Always black background */
.rz-panel,
.rz-panel-content,
.rz-panel-titlebar {
    background-color: #000 !important;
}

body {
    background-color: #000 !important;
    color: #fff !important;
}

.rz-body {
    background-color: #000 !important;
}

.rz-body-content {
    background-color: #000 !important;
}

.rz-sidebar {
    background-color: #000 !important;
}

.rz-navigation {
    background-color: #000 !important;
}

.rz-panel-menu {
    background-color: #000 !important;
}

/* Force white text for all paragraphs, lists, and list items */
p, ul, ol, li {
    color: #fff !important;
}

/* Force white text inside Radzen body */
.rz-body p,
.rz-body ul,
.rz-body ol,
.rz-body li {
    color: #fff !important;
}

.nss-main-title {
    font-size: 6rem;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Special Elite", sans-serif;
}

/* External links (http/https) to blue - EXCLUDE menu links */
a[href^="http"]:not(.rz-panel-menu a):not(.rz-navigation a), 
a[href^="https"]:not(.rz-panel-menu a):not(.rz-navigation a) {
    color: #0d6efd !important;
    text-decoration: none !important;
}

a[href^="http"]:hover:not(.rz-panel-menu a):not(.rz-navigation a),
a[href^="https"]:hover:not(.rz-panel-menu a):not(.rz-navigation a) {
    color: #0a58ca !important;
    text-decoration: none !important;
}

/* Internal links keep red color - EXCLUDE menu links */
a:not([href^="http"]):not([href^="https"]):not(.rz-panel-menu a):not(.rz-navigation a), 
a:visited:not([href^="http"]):not([href^="https"]):not(.rz-panel-menu a):not(.rz-navigation a), 
a:active:not([href^="http"]):not([href^="https"]):not(.rz-panel-menu a):not(.rz-navigation a) {
    color: var(--nss-alert) !important;
    text-decoration: none !important;
}

a:not([href^="http"]):not([href^="https"]):hover:not(.rz-panel-menu a):not(.rz-navigation a) {
    color: var(--nss-alert) !important;
    text-decoration: underline !important;
}

.special-elite-regular {
    font-family: "Special Elite", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.saira-condensed-regular {
    font-family: "Saira Condensed", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.saira-condensed-bold {
    font-family: "Saira Condensed", sans-serif;
    font-weight: 700;
    font-style: normal;
}

:root {
    --nss-alert: #D60202;
    --rz-text-font-family: "Saira Condensed", sans-serif;
    
    /* Primary color - controls progress bars, buttons, etc. */
    --rz-primary: #D60202;
    --rz-primary-light: #e94984;
    --rz-primary-lighter: rgba(214, 2, 2, 0.12);
    --rz-primary-dark: #b61651;
    --rz-primary-darker: #9a1345;
    
    /* Secondary color */
    --rz-secondary: #D60202;
    --rz-secondary-light: #e94984;
    --rz-secondary-lighter: rgba(227, 28, 101, 0.12);
    --rz-secondary-dark: #b61651;
    --rz-secondary-darker: #9a1345;
}

/* Override Info button style to use red theme */
.rz-button.rz-button-info,
.rz-button.rz-info {
    background-color: #D60202 !important;
    border-color: #D60202 !important;
}

.rz-button.rz-button-info:hover,
.rz-button.rz-info:hover {
    background-color: #b61651 !important;
    border-color: #b61651 !important;
}