/* 
   Radzen Colors Override
   This file overrides default Radzen colors to match the dark theme in CustomTheme.cs
*/

:root {
    /* Map Radzen base colors to our dark theme */
    --rz-base-50: #001c25;  /* AppbarBackground - darkest */
    --rz-base-100: #132b44;  /* Surface */
    --rz-base-200: #27272f;  /* BackgroundGray */
    --rz-base-300: #32333d;  /* Background */
    --rz-base-400: #303030;  /* DrawerBackground */
    --rz-base-500: #005c7a;  /* PrimaryDarken - darker primary */
    --rz-base-600: #008cba;  /* Primary */
    --rz-base-700: #eee;     /* DrawerText/Secondary */
    --rz-base-800: #eeeeee;  /* TextPrimary */
    --rz-base-900: #fff;     /* White */
      /* Primary color and variants */
    --rz-primary: #008cba;  /* Primary - from CustomTheme */
    --rz-primary-light: #02b3ed;  /* PrimaryLighten */
    --rz-primary-lighter: color-mix(in srgb, #02b3ed 70%, #fff);
    --rz-primary-dark: #015c7a;  /* PrimaryDarken */
    --rz-primary-darker: color-mix(in srgb, #015c7a 70%, #000);
    
    /* Secondary color and variants */
    --rz-secondary: #eee;  /* Secondary - from CustomTheme */
    --rz-secondary-light: #fcfcfc;  /* SecondaryLighten */
    --rz-secondary-lighter: color-mix(in srgb, #fcfcfc 70%, #fff);
    --rz-secondary-dark: #bdbcbc;  /* SecondaryDarken */
    --rz-secondary-darker: color-mix(in srgb, #bdbcbc 70%, #000);
    
    /* Info color and variants */
    --rz-info: #5bc0de;  /* Info - from CustomTheme */
    --rz-info-light: #9dd9eb;  /* InfoDarken */
    --rz-info-lighter: color-mix(in srgb, #9dd9eb 70%, #fff);
    --rz-info-dark: #12262c;  /* InfoLighten */
    --rz-info-darker: color-mix(in srgb, #12262c 70%, #000);
      /* Success color and variants */
    --rz-success: #43ac6a;  /* Success - from CustomTheme */
    --rz-success-light: #8ecda6;  /* SuccessDarken */
    --rz-success-lighter: color-mix(in srgb, #8ecda6 70%, #fff);
    --rz-success-dark: #0d2215;  /* SuccessLighten */
    --rz-success-darker: color-mix(in srgb, #0d2215 70%, #000);
    
    /* Warning color and variants */
    --rz-warning: #e99002;  /* Warning - from CustomTheme */
    --rz-warning-light: #f2bc67;  /* WarningDarken */
    --rz-warning-lighter: color-mix(in srgb, #f2bc67 70%, #fff);
    --rz-warning-dark: #2f1d00;  /* WarningLighten */
    --rz-warning-darker: color-mix(in srgb, #2f1d00 70%, #000);
    
    /* Danger/Error color and variants */
    --rz-danger: rgba(244,67,54,1);  /* Error - from CustomTheme */
    --rz-danger-light: rgb(246,96,85);  /* ErrorLighten */
    --rz-danger-lighter: color-mix(in srgb, rgb(246,96,85) 70%, #fff);
    --rz-danger-dark: rgb(242,28,13);  /* ErrorDarken */
    --rz-danger-darker: color-mix(in srgb, rgb(242,28,13) 70%, #000);
      /* Text colors */
    --rz-text-color: #eeeeeeff;  /* TextPrimary - from CustomTheme */
    --rz-text-contrast-color: #000;  /* Black - for contrast against light backgrounds */
    --rz-text-secondary-color: #eeeeeeff;  /* TextSecondary - from CustomTheme */
    --rz-text-disabled: rgba(255,255,255,0.2);  /* TextDisabled - from CustomTheme */
    
    /* Border and divider colors */
    --rz-border-color: rgba(255,255,255,0.117);  /* LinesDefault - from CustomTheme */
    --rz-border-color-light: rgba(255,255,255,0.058);  /* DividerLight - from CustomTheme */
      /* Background colors */
    --rz-body-background-color: rgba(50,51,61,1);  /* Background - from CustomTheme */
    --rz-surface-color: #132b44;  /* Surface - from CustomTheme */
    --rz-base-background-color: #132b44;  /* Surface - from CustomTheme *//* Component specific colors */
    --rz-series-1: #008cba;  /* Primary */
    --rz-series-2: #5bc0de;  /* Info */
    --rz-series-3: #43ac6a;  /* Success */
    --rz-series-4: #e99002;  /* Warning */
    --rz-series-5: rgba(244,67,54,1);  /* Error */
    --rz-series-6: #eee;  /* Secondary */
    
    /* Font settings - matching MudBlazor Typography */
    --rz-text-font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    --rz-border-radius: 10px;  /* DefaultBorderRadius */
      /* Additional Radzen-specific overrides */
    --rz-grid-cell-hover-background-color: rgba(0, 140, 186, 0.2);  /* Primary with transparency */
    --rz-grid-selected-row-background-color: rgba(0, 140, 186, 0.4);  /* Primary with more opacity */
    --rz-grid-hover-background-color: rgba(0, 140, 186, 0.15);  /* Primary with low transparency */
    --rz-grid-header-background-color: #132b44;  /* Surface */
    --rz-grid-footer-background-color: #132b44;  /* Surface */
    
    /* Scheduler component overrides for dark theme */
    --rz-text-title-color: #eeeeeeff;  /* TextPrimary for title colors */
    --rz-text-tertiary-color: #eeeeeeff;  /* TextPrimary for tertiary text */
    --rz-text-disabled-color: rgba(255,255,255,0.2);  /* TextDisabled */
    --rz-border-base-300: 1px solid #32333d;  /* Border with Background color */
    --rz-on-primary-lighter: #132b44;  /* Surface for contrast on lighter primary */
    --rz-on-info: #000;  /* Black for contrast on info color */
    --rz-outline-focus: 0 0 0 0.2rem rgba(0, 140, 186, 0.5);  /* Primary with transparency for focus */
    --rz-outline-width: 1px;  /* Standard outline width */
    
    /* Scheduler specific styles */
    --rz-scheduler-border-color: #32333d;  /* Background */
    --rz-scheduler-minor-border-color: #27272f;  /* BackgroundGray */
    --rz-scheduler-border-radius: 10px;  /* DefaultBorderRadius */
    --rz-scheduler-shadow: none;  /* No shadow in dark theme */
    --rz-scheduler-background-color: #132b44;  /* Surface */
    --rz-scheduler-color: #eeeeeeff;  /* TextPrimary */
    --rz-scheduler-toolbar-background-color: #001c25;  /* AppbarBackground - darkest */
    --rz-scheduler-toolbar-title-color: #eeeeeeff;  /* TextPrimary */
    --rz-scheduler-prev-next-button-background-color: rgba(0, 140, 186, 0.2);  /* Primary with transparency */
    --rz-scheduler-prev-next-button-color: #eeeeeeff;  /* TextPrimary */
    --rz-scheduler-view-button-border: 1px solid #32333d;  /* Border with Background color */
    --rz-scheduler-view-button-color: #eeeeeeff;  /* TextPrimary */
    --rz-scheduler-view-button-background-color: #132b44;  /* Surface */
    --rz-scheduler-view-selected-color: #000;  /* Black for contrast */
    --rz-scheduler-view-selected-background-color: #008cba;  /* Primary */
    --rz-scheduler-view-selected-border-color: #005c7a;  /* PrimaryDarken */
    --rz-scheduler-header-background-color: #001c25;  /* AppbarBackground - darkest */
    --rz-scheduler-header-color: #eeeeeeff;  /* TextPrimary */
    --rz-scheduler-header-border: 1px solid #32333d;  /* Border with Background color */
    --rz-scheduler-event-color: #fff;  /* White for contrast */
    --rz-scheduler-event-background-color: #008cba;  /* Primary */    
    --rz-scheduler-weekend-color: rgba(255,255,255,1);  /* Lighter than TextPrimary */
    --rz-scheduler-weekend-background-color: #27272f;  /* BackgroundGray */
    --rz-scheduler-other-month-background-color: #132b44;  /* Surface */
}

/* Custom classes for tournament calendar slots */
.scheduler-past-day {
    background: var(--rz-base-200) !important;
}

.scheduler-weekend {
    background: var(--rz-base-50) !important;
}

.rz-event-past-day{
    opacity: 0.5 !important;
}

.scheduler-today {
    background: LawnGreen !important;
    color: var(--rz-on-info) !important;
}

.scheduler-working-hours {
    background: var(--rz-primary);
    opacity: 0.2;
}

.rz-event-content{
    border-radius: 0;
}

.rz-planner-view{
    overflow-y: hidden;
}