/* Select2 overrides: make customer search dropdown white with black text */

/* Dropdown panel background and base text color */
.select2-container--default .select2-dropdown {
  background-color: #fff !important;
  color: #000 !important;
}

/* Search input inside the dropdown */
.select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: #fff !important;
  color: #000 !important;
  border: 1px solid #ccc !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field::placeholder {
  color: #666 !important;
}

/* Result items and messages should be readable */
.select2-container--default .select2-results__option,
.select2-container--default .select2-results__message {
  color: #000 !important;
}

/* Selection control on the input (optional, to keep consistency) */
.select2-container--default .select2-selection--single {
  background-color: #fff !important;
  color: #000 !important;
  border-color: #ccc !important;
}

/* POS Customer field polish */
.pos-customer-selection.select2-selection--single {
  border-radius: 10px !important;
  min-height: 40px !important;
  display: flex !important;
  align-items: center !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.pos-customer-dropdown .select2-results__option {
  padding: 8px 10px;
  border-radius: 8px;
}
.pos-customer-dropdown .select2-results__option--highlighted {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #fff !important;
}
.pos-highlight {
  background: #fff5b8;
  padding: 0 2px;
  border-radius: 4px;
}

/* Service staff Select2 polish */
.service-staff-selection.select2-selection--single {
  border-radius: 8px !important;
  min-height: 36px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 8px !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}
.service-staff-selection .select2-selection__placeholder {
  color: #666 !important;
}
.service-staff-dropdown .select2-results__option {
  padding: 6px 8px;
  border-radius: 6px;
}
.service-staff-dropdown .select2-results__option--highlighted {
  background: #2563eb; /* blue-600 */
  color: #fff !important;
}

/* Force dropdown to open BELOW inside POS rows */
.pos_product_div .select2-container--open.select2-container--above .select2-dropdown {
  top: 100% !important;
  bottom: auto !important;
}

/* Widen service staff field inside POS rows */
.pos_product_div select.order_line_service_staff {
  width: 180px; /* يكبر عرض الحقل */
}
.pos_product_div select.order_line_service_staff + .select2 {
  min-width: 180px !important; /* يضمن عرض الحاوية */
}
/* منع التفاف الاسم داخل المختار */
.pos_product_div select.order_line_service_staff + .select2 .select2-selection__rendered {
  white-space: nowrap;
}

/* Widen customer search field in POS top bar */
#customer_id + .select2 {
  min-width: 240px !important;
}
#customer_id + .select2 .select2-selection__rendered {
  white-space: nowrap;
}