/* Override Flowbite timepicker colors to use barp */

/* Custom styling for time input when focused */
input[type="time"]:focus {
  border-color: #114748 !important; /* barp-500 */
  box-shadow: 0 0 0 2px rgba(17, 71, 72, 0.25) !important; /* barp shadow */
}

/* Dropdown elements if any appear in future Flowbite updates */
.timepicker-ui-elements .selected,
.timepicker-ui-elements .focused,
.timepicker-ui-elements .active {
  background-color: #114748 !important; /* barp-500 */
  color: #ffffff !important;
}

/* Button elements */
.timepicker-ui-elements .button {
  background-color: #114748 !important; /* barp-500 */
  color: #ffffff !important;
}

/* Hover states */
.timepicker-ui-elements .button:hover {
  background-color: #0e393a !important; /* barp-600 */
}