/* ============================================================================
   Datepicker modernizado - Tempusdominus Bootstrap 4  (DS Pedidos v2)
   TODO acotado a .bootstrap-datetimepicker-widget: no toca DataTables ni ninguna
   otra tabla del proyecto. Revertible: borrar el <link> de header_lte.blade.php.
   Asume semana lunes-primero (los 7 pickers usan locale:'es').
   ============================================================================ */

/* -- Contenedor -- */
.bootstrap-datetimepicker-widget.dropdown-menu {
    border-radius: 14px !important;
    box-shadow: 0 8px 28px rgba(0,0,0,.12) !important;
    border: 1px solid #eef0f4 !important;
    min-width: 17rem !important;
    padding: 12px !important;
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after { display: none !important; }

.bootstrap-datetimepicker-widget .datepicker-days table {
    margin: 0 auto;
    border-collapse: separate; border-spacing: 0 2px;
}

/* -- Titulo del mes ("Julio 2026") + flechas -- */
.bootstrap-datetimepicker-widget .datepicker-days th.picker-switch {
    font-size: 13.5px !important; font-weight: 600 !important;
    color: #1f2430; text-transform: capitalize; padding: 4px 0 10px;
}
.bootstrap-datetimepicker-widget .datepicker-days th.prev,
.bootstrap-datetimepicker-widget .datepicker-days th.next {
    width: 30px; height: 30px; line-height: 30px;
    border-radius: 8px !important; border: none !important;
    color: #6b7280; transition: background .15s, color .15s;
}
.bootstrap-datetimepicker-widget .datepicker-days th.prev:hover,
.bootstrap-datetimepicker-widget .datepicker-days th.next:hover {
    background: #f1f3f7 !important; color: #1f2430 !important;
}

/* -- Encabezados de dia en UNA letra: L M M J V S D -- */
.bootstrap-datetimepicker-widget .datepicker-days th.dow {
    box-sizing: border-box; font-size: 0 !important; color: #9aa3b2; font-weight: 600;
    letter-spacing: .5px; padding: 2px 0 8px;
}
.bootstrap-datetimepicker-widget .datepicker-days th.dow:before { font-size: 10px; }
.bootstrap-datetimepicker-widget .datepicker-days th.dow:nth-child(1):before { content: 'L'; }
.bootstrap-datetimepicker-widget .datepicker-days th.dow:nth-child(2):before { content: 'M'; }
.bootstrap-datetimepicker-widget .datepicker-days th.dow:nth-child(3):before { content: 'M'; }
.bootstrap-datetimepicker-widget .datepicker-days th.dow:nth-child(4):before { content: 'J'; }
.bootstrap-datetimepicker-widget .datepicker-days th.dow:nth-child(5):before { content: 'V'; }
.bootstrap-datetimepicker-widget .datepicker-days th.dow:nth-child(6):before { content: 'S'; }
.bootstrap-datetimepicker-widget .datepicker-days th.dow:nth-child(7):before { content: 'D'; }

/* -- Celdas de dia -- */
.bootstrap-datetimepicker-widget .datepicker-days td.day {
    box-sizing: border-box; height: 34px; padding: 0; vertical-align: middle;
    border-radius: 8px !important;
    font-family: 'JetBrains Mono','SFMono-Regular',ui-monospace,Menlo,Consolas,monospace;
    font-variant-numeric: tabular-nums; font-size: 12.5px; color: #303844;
    transition: background .12s, color .12s;
}
/* hover */
.bootstrap-datetimepicker-widget .datepicker-days td.day:hover:not(.active):not(.disabled) {
    background: #f1f3f7 !important; color: #1f2430; border-radius: 8px !important;
}
/* domingo (7a columna, lunes-primero): gris suave */
.bootstrap-datetimepicker-widget .datepicker-days tbody td.day:nth-child(7):not(.active) {
    color: #9aa3b2;
}
/* dias de otro mes: atenuados */
.bootstrap-datetimepicker-widget .datepicker-days td.day.old,
.bootstrap-datetimepicker-widget .datepicker-days td.day.new { opacity: .4; }
/* deshabilitados */
.bootstrap-datetimepicker-widget .datepicker-days td.day.disabled,
.bootstrap-datetimepicker-widget .datepicker-days td.day.disabled:hover {
    opacity: .3; background: transparent !important; cursor: not-allowed; color: #303844;
}
/* HOY (no seleccionado): gris muy claro, sin borde/triangulo */
.bootstrap-datetimepicker-widget .datepicker-days td.day.today {
    background: #f1f3f7 !important; border: none !important;
    box-shadow: none !important; color: #1f2430 !important;
}
.bootstrap-datetimepicker-widget .datepicker-days td.day.today:before { display: none !important; }
/* SELECCIONADO: azul de marca, texto blanco (va al final para ganar a hoy/domingo) */
.bootstrap-datetimepicker-widget .datepicker-days td.day.active,
.bootstrap-datetimepicker-widget .datepicker-days td.day.active:hover {
    background: #093f73 !important; color: #fff !important;
    border-radius: 8px !important; text-shadow: none !important;
}