/*
    Blazor / Radzen Global Style Overrides
    --------------------------------------
    Standalone stylesheet for the NEW Blazor UI. Intentionally kept OUT of the
    legacy React webpack/SCSS bundle (src/scss/map.scss -> css/map-common.css)
    so the new and old styling stay isolated during the migration.

    - Hand-authored plain CSS: no webpack build step. Edit + refresh.
    - Linked from Blazor/App.razor AFTER <RadzenTheme />, so these :root
      declarations override the theme defaults (later in the cascade wins).
    - Radzen theming is entirely CSS custom properties (--rz-*); override a
      default simply by redefining it here.

    How to add a new override:
      1. Inspect the element in browser DevTools; find the --rz-* property in
         the Styles / Computed pane.
      2. Add it under the relevant group in the overrides :root block below.
      3. Reuse the --map-* palette below (or add to it) to keep brand colors
         consistent. Refresh the browser (no rebuild required).
*/

/* Radzen theme variable overrides. */
:root {
    /* Brand / primary */
    --rz-primary: var(--map-blue);
    /* UI Layout Base */
    --rz-layout-background-color: var(--map-light-grey);
    /* Header */
    --rz-header-background-color: var(--map-charcoal);
    /* Footer */
    --rz-footer-color: var(--map-dark-grey);
    --rz-footer-background-color: transparent;
    /* Menu */
    --rz-menu-item-color: var(--map-dark-grey);
    --rz-menu-item-icon-color: var(--map-dark-grey);
    --rz-menu-item-hover-background-color: var(--rz-base-200);
    --rz-menu-item-selected-color: var(--map-white);
    --rz-menu-item-selected-background-color: var(--map-blue);
    --rz-menu-top-item-icon-color: var(--map-white);
    --rz-menu-top-item-icon-hover-color: var(--rz-on-base-lighter);
    --rz-menu-top-item-background-color: none;
    --rz-menu-top-item-hover-background-color: var(--rz-base-200);
    --rz-menu-top-item-border-radius: var(--rz-button-border-radius);
    /* Tooltip */
    --rz-tooltip-color: var(--map-white);
    --rz-tooltip-background-color: var(--map-blue);
    /* Dialog Styling */
    --rz-dialog-title-font-size: 1.5rem;
}

/* Radzen class behavior overrides. */
/* Layout */
.rz-layout .rz-body.map-radzen-body {
    overflow: hidden;
    padding: 0;
}

/* Menu */
.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:has(>.active):hover {
    background-color: var(--rz-menu-item-selected-background-color);
}

.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:has(>.active):hover .rz-navigation-item-link,
.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:has(>.active):hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) {
    color: var(--rz-menu-item-selected-color);
}