/* ==========================================================================
   SELECT OVERRIDES - Loads last to force white background on styled dropdowns.
   Overrides base.css .form-control, login-panel, tasks-modal, and any other
   grey background rules. Add this file LAST in base.html.
   ========================================================================== */

select.hub-select,
select.ob-select,
.checkout-card select.checkout-select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-color: #ffffff !important;
  background: #ffffff url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") no-repeat right 0.5625rem center / 0.675rem !important;
}

select.hub-select:hover,
select.ob-select:hover,
.checkout-card select.checkout-select:hover {
  background: #f8f9fa url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") no-repeat right 0.5625rem center / 0.675rem !important;
}

select.hub-select:focus,
select.ob-select:focus,
.checkout-card select.checkout-select:focus {
  background: #ffffff url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233a86ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") no-repeat right 0.5625rem center / 0.675rem !important;
}