/* Radzen DatePicker */

:root {
    --nkcalendarselected: #1AA164;
    --nkhover: #87888A;
}

.rzi-calendar {
    color: var(--nkblack);
}

/* Valgt dato */
.rz-calendar-view td .rz-state-active,
.rz-datepicker-calendar td .rz-state-active,
.rz-calendar-view td .rz-state-active.rz-calendar-today,
.rz-datepicker-calendar td .rz-state-active.rz-calendar-today {
    background-color: var(--nkcalendarselected) !important;
    color: var(--nkwhite) !important;
}

/* Hover på tilgjengelige datoer */
.rz-calendar-view td .rz-state-default:not(.rz-state-active):hover,
.rz-datepicker-calendar td .rz-state-default:not(.rz-state-active):hover {
    background-color: var(--nkhover) !important;
    color: var(--nkwhite) !important;
}

/* Fjern Radzen sin fokusmarkering når det ikke er valgt dato */
.rz-calendar-view td .rz-state-default.rz-state-focused:not(.rz-state-active):not(.rz-calendar-today),
.rz-datepicker-calendar td .rz-state-default.rz-state-focused:not(.rz-state-active):not(.rz-calendar-today) {
    background-color: transparent !important;
    color: var(--nkblack) !important;
    box-shadow: none !important;
}

/* Dagens dato */
.rz-calendar-view td .rz-state-default.rz-calendar-today:not(.rz-state-active),
.rz-datepicker-calendar td .rz-state-default.rz-calendar-today:not(.rz-state-active) {
    background-color: transparent !important;
    color: var(--nkblack) !important;
    border: none !important;
    outline: 1px solid var(--nkblack) !important;
    outline-offset: -1px;
    border-radius: 0;
    box-shadow: none !important;
}

    /* Hover på dagens dato skal være lik andre datoer, men beholde markering */
    .rz-calendar-view td .rz-state-default.rz-calendar-today:not(.rz-state-active):hover,
    .rz-datepicker-calendar td .rz-state-default.rz-calendar-today:not(.rz-state-active):hover {
        background-color: var(--nkhover) !important;
        color: var(--nkwhite) !important;
        outline: 1px solid var(--nkblack) !important;
        outline-offset: -1px;
    }

/* Helligdager markeres fra DateRender via data-public-holiday */
.rz-calendar-view td[data-public-holiday="true"]:not(.rz-calendar-other-month) > .rz-state-default:not(.rz-state-active),
.rz-calendar-view td[data-public-holiday="true"]:not(.rz-calendar-other-month) > .rz-state-default:not(.rz-state-active):hover,
.rz-calendar-view td[data-public-holiday="true"]:not(.rz-calendar-other-month) > .rz-state-default.rz-state-focused:not(.rz-state-active),
.rz-datepicker-calendar td[data-public-holiday="true"]:not(.rz-calendar-other-month) > .rz-state-default:not(.rz-state-active),
.rz-datepicker-calendar td[data-public-holiday="true"]:not(.rz-calendar-other-month) > .rz-state-default:not(.rz-state-active):hover,
.rz-datepicker-calendar td[data-public-holiday="true"]:not(.rz-calendar-other-month) > .rz-state-default.rz-state-focused:not(.rz-state-active) {
    background-color: var(--nkred) !important;
    color: var(--nkwhite) !important;
    font-weight: bold;
}

/* Valgt måned/år i dropdown-listene */
.rz-dropdown-panel .rz-dropdown-items li.rz-state-highlight,
.rz-dropdown-panel .rz-dropdown-items li.rz-state-highlight:hover,
.rz-dropdown-panel .rz-dropdown-items .rz-dropdown-item.rz-state-highlight,
.rz-dropdown-panel .rz-dropdown-items .rz-dropdown-item.rz-state-highlight:hover {
    background-color: var(--nkcalendarselected) !important;
    color: var(--nkwhite) !important;
}

/* Hover i måned/år-dropdown-listene */
.rz-dropdown-panel .rz-dropdown-items li.rz-dropdown-item:hover,
.rz-dropdown-panel .rz-dropdown-items .rz-dropdown-item:hover {
    background-color: var(--nkhover) !important;
    color: var(--nkwhite) !important;
}