@import '../base/states';
@import '../animation/main';
@import './layout';
@import '../mixins/blend-modes';

@include exports('calendar/theme') {

$calendar-background-color: $background !default;
$calendar-border-color: rgba(0, 0, 0, .08) !default;
$calendar-accent-color: $accent !default;
$calendar-other-month-color: darken($background, 27%) !default;
$calendar-hover-background: $hover-background !default;
$calendar-focused-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .08) !default;
$calendar-selected-hover-background: blend-multiply($accent, darken($background, 8%)) !default;
$calendar-header-background-color: $base;

.k-calendar {
    background-color: $calendar-background-color;
    border-color: $calendar-border-color;

    th {
        background-color: $calendar-header-background-color;
        border-color: $calendar-border-color;
    }

    .k-other-month,
    .k-other-month .k-link {
        color: $calendar-other-month-color;
    }

    td {
        border-radius: $border-radius;

        &:hover {
            background-color: $calendar-hover-background;
        }

        &.k-state-focused {
            box-shadow: $calendar-focused-box-shadow;
        }

        &.k-state-selected .k-link {
            color: $selected-text-color;
        }

        &.k-state-selected:hover {
            background-color: $calendar-selected-hover-background;
        }

        &.k-state-disabled,
        &.k-state-disabled:hover,
        &.k-state-disabled:active {
            color: $normal-text-color;
            background: none;
            opacity: .7;
            box-shadow: none;
            cursor: default;
            outline: 0;
        }
    }

    td.k-today {
        box-shadow: none;

        .k-link {
            color: $calendar-accent-color;
        }

        &.k-state-focused {
            box-shadow: $calendar-focused-box-shadow;
        }

        &.k-state-selected .k-link {
            color: $selected-text-color;
        }
    }

    .k-nav-today {
        color: $calendar-accent-color;
    }
}
}
