/* ===================================================================== */
/* SOLUÇÃO 1: Corrige o problema do dropdown cortado no Offcanvas        */
/* ===================================================================== */
.offcanvas.show {
    /* Permite que elementos filhos (como o menu do dropdown)
       ultrapassem os limites do Offcanvas sem serem cortados. */
    overflow: visible !important;
}

/* Garante que o conteúdo dentro do Offcanvas ainda possa rolar se necessário */
.offcanvas-body {
    overflow-y: auto;
}


/* ===================================================================== */
/* SOLUÇÃO 2: Repara a aparência do dcc.DatePickerRange                  */
/* ===================================================================== */

/* Garante que o pop-up do calendário tenha a maior prioridade de camada */
.DateRangePicker_picker, .SingleDatePicker_picker {
    z-index: 9999 !important;
}

/* Restaura a aparência e o posicionamento dos botões de navegação de mês */
.DayPicker_navButton {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 35px !important;
    height: 35px !important;
    padding: 0 !important;
    background: none !important;
    border: 1px solid #ced4da !important;
    border-radius: 50% !important;
    color: #212529 !important;
}

.DayPicker_navButton:hover {
    background: #e9ecef !important;
}

/* Garante que o ícone da seta (SVG) dentro do botão seja visível e tenha a cor certa */
.DayPicker_navButton svg {
    width: 14px !important;
    height: 14px !important;
    fill: #212529 !important; /* Cor da seta */
}

/* Restaura a cor e o estilo do título do mês (ex: "August 2024") */
.CalendarMonth_caption {
    color: #212529 !important;
    font-weight: bold !important;
    font-size: 16px !important;
}