/**
 * Tema global do bootstrap-datepicker alinhado ao design system (:root / Bootstrap do projeto).
 * Carregar após bootstrap-datepicker.min.css
 */

.datepicker.datepicker-dropdown,
.datepicker.dropdown-menu {
    z-index: 1060;
    padding: 0.65rem 0.85rem;
    border: 1px solid var(--bs-gray-300, #dee2e6);
    border-radius: 0.5rem;
    box-shadow: 0 0.5rem 1rem rgba(52, 71, 103, 0.12);
    font-family: var(--bs-body-font-family, "Inter", system-ui, -apple-system, sans-serif);
    font-size: 0.875rem;
    color: var(--bs-body-color, #67748e);
    background-color: var(--bs-white, #fff);
}

.datepicker-dropdown:before {
    border-bottom-color: var(--bs-gray-300, #dee2e6);
}

.datepicker-dropdown:after {
    border-bottom-color: var(--bs-white, #fff);
}

.datepicker-dropdown.datepicker-orient-top:before {
    border-top-color: var(--bs-gray-300, #dee2e6);
}

.datepicker-dropdown.datepicker-orient-top:after {
    border-top-color: var(--bs-white, #fff);
}

.datepicker table tr th.dow {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: var(--bs-gray-600, #6c757d);
    padding: 0.35rem 0;
}

.datepicker table tr th.datepicker-switch,
.datepicker table tr th.prev,
.datepicker table tr th.next {
    border-radius: 0.375rem;
    color: var(--bs-gray-800, #343a40);
    font-weight: 600;
}

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
    background: var(--bs-gray-100, #f8f9fa);
}

.datepicker table tr td,
.datepicker table tr th {
    border-radius: 0.375rem;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
    background: var(--bs-gray-100, #f8f9fa);
    cursor: pointer;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
    color: var(--bs-gray-500, #adb5bd);
}

.datepicker table tr td.highlighted {
    background: rgba(var(--bs-primary-rgb, 203, 12, 159), 0.08);
    border-radius: 0.375rem;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    background-color: rgba(var(--bs-primary-rgb, 203, 12, 159), 0.14) !important;
    background-image: none !important;
    filter: none !important;
    border: none !important;
    color: var(--bs-primary, #cb0c9f) !important;
    font-weight: 600;
}

.datepicker table tr td.today:hover:hover {
    color: var(--bs-primary, #cb0c9f) !important;
    background-color: rgba(var(--bs-primary-rgb, 203, 12, 159), 0.22) !important;
}

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
    background: var(--bs-gray-200, #e9ecef);
    background-image: none !important;
    filter: none !important;
    border-radius: 0;
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
    background-color: rgba(var(--bs-primary-rgb, 203, 12, 159), 0.2) !important;
    background-image: none !important;
    filter: none !important;
    color: var(--bs-primary, #cb0c9f) !important;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
    background-color: var(--bs-secondary, #8392ab) !important;
    background-image: none !important;
    filter: none !important;
    border-color: transparent !important;
    color: #fff !important;
    text-shadow: none !important;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    background-color: var(--bs-primary, #cb0c9f) !important;
    background-image: none !important;
    filter: none !important;
    border-color: transparent !important;
    color: #fff !important;
    text-shadow: none !important;
}

.datepicker table tr td.active:hover:hover {
    background-color: #a80a84 !important;
    color: #fff !important;
}

.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
    background: var(--bs-gray-100, #f8f9fa);
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
    background-color: var(--bs-primary, #cb0c9f) !important;
    background-image: none !important;
    filter: none !important;
    border-color: transparent !important;
    color: #fff !important;
    text-shadow: none !important;
}

.datepicker table tr td span.active:hover:hover {
    background-color: #a80a84 !important;
}