﻿:root {
    --g-calendar-colour-holiday: color-mix(in srgb, var(--rz-series-2) 40%, white);
    --g-calendar-colour-holiday-text: var(--rz-text-contrast-color);
    --g-calendar-colour-shutdown: color-mix(in srgb, var(--rz-series-5) 40%, white);
    --g-calendar-colour-shutdown-text: var(--rz-text-contrast-color);
    --g-calendar-colour-stopleave: color-mix(in srgb, var(--rz-base-800) 40%, white);
    --g-calendar-colour-stopleave-text: var(--rz-text-contrast-color);
    --g-calendar-colour-info: color-mix(in srgb, var(--rz-series-17) 40%, white);
    --g-calendar-colour-info-text: var(--rz-text-contrast-color);
}

/* Items (the small bar / item) ---------------------------------------------------------- */

.g-calendar-item-holiday:not(.rz-other-month) {
    --rz-border-width: 1px;
    background: var(--g-calendar-colour-holiday) !important;
    color: var(--g-calendar-colour-holiday-text);
    height: 0.6em;
    border-radius: 4px;
    border: 1px solid currentColor;
}

.g-calendar-item-holiday.rz-state-disabled:not(.rz-other-month) {
    border-style: dashed;
}

.rz-slot.g-calendar-item-holiday-inner-border:not(.rz-other-month, .rz-slot-header, .rz-month) {
    box-shadow: inset 0 0 0 4px var(--g-calendar-colour-holiday);
    border-radius: 0;
}

.g-calendar-item-shutdown:not(.rz-other-month) {
    --rz-border-width: 1px;
    background: var(--g-calendar-colour-shutdown) !important;
    color: var(--g-calendar-colour-shutdown-text);
    height: 0.6em;
    border-radius: 4px;
    border: 1px solid currentColor;
}

.g-calendar-item-shutdown.rz-state-disabled:not(.rz-other-month) {
    border-style: dashed;
}

.g-calendar-item-shutdown-inner-border:not(.rz-other-month) {
    box-shadow: inset 0 0 0 4px var(--g-calendar-colour-shutdown);
    border-radius: 0;
}

.g-calendar-item-stopleave:not(.rz-other-month) {
    --rz-border-width: 1px;
    background: var(--g-calendar-colour-stopleave) !important;
    color: var(--g-calendar-colour-stopleave-text);
    height: 0.6em;
    border-radius: 4px;
    border: 1px solid currentColor;
}

.g-calendar-item-stopleave.rz-state-disabled:not(.rz-other-month) {
    border-style: dashed;
}

.g-calendar-item-stopleave-inner-border:not(.rz-other-month) {
    box-shadow: inset 0 0 0 4px var(--g-calendar-colour-stopleave);
    border-radius: 0;
}

.g-calendar-item-info:not(.rz-other-month) {
    --rz-border-width: 1px;
    background: var(--g-calendar-colour-info) !important;
    color: var(--g-calendar-colour-info-text);
    height: 0.6em;
    border-radius: 4px;
    border: 1px solid currentColor;
}

.g-calendar-item-info.rz-state-disabled:not(.rz-other-month) {
    border-style: dashed;
}

.g-calendar-item-info-inner-border:not(.rz-other-month) {
    box-shadow: inset 0 0 0 4px var(--g-calendar-colour-info);
    border-radius: 0;
}

.g-scheduler-non-working-day-slot .rz-slot-title,
.g-scheduler-non-working-day-slot .rz-day-header,
.g-scheduler-non-working-day-slot .rz-day-text {
    font-weight: 900;
}

.rz-dialog:has(.rz-event-list) {
    background-color: var(--rz-base-200) !important;
    border: 2px solid var(--rz-primary) !important;
    border-radius: calc(var(--rz-border-radius) * 3) !important;
    box-shadow: var(--rz-shadow-4) !important;
    display: flex !important;
    flex-direction: column !important;
    max-height: min(28rem, calc(100vh - 4rem)) !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: min(42rem, calc(100vw - 2rem)) !important;
}

.rz-dialog:has(.rz-event-list) > .rz-dialog-titlebar {
    background-color: var(--rz-base-100) !important;
    border-bottom: 1px solid var(--rz-base-300) !important;
    color: var(--rz-text-title-color) !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 1.25rem 3.25rem 1rem 1.25rem !important;
}

.rz-dialog:has(.rz-event-list) > .rz-dialog-titlebar .rz-dialog-title {
    font-size: 1.5rem !important;
    font-weight: 400 !important;
    line-height: 2rem !important;
}

.rz-dialog:has(.rz-event-list) > .rz-dialog-content {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
}

.rz-dialog:has(.rz-event-list) .rz-event-list {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 1rem 1.25rem 1.25rem !important;
    width: 100% !important;
}

.rz-dialog:has(.rz-event-list) .rz-event-list .rz-event {
    margin-bottom: 0.35rem !important;
    position: static !important;
}

.rz-dialog:has(.rz-event-list) .rz-event-list .rz-event-content {
    border-radius: var(--rz-border-radius) !important;
    min-height: 1.8rem !important;
}

