/* DropdownMultiple.css */

/* Personnalisation Select2 */
.select2-container {
  width: 100% !important;
}

.select2-container--default .select2-selection--multiple {
  border: 2px solid #e0e0e0 !important;
  border-radius: 10px !important;
  padding: 0.5rem !important;
  min-height: 50px !important;
  background: white !important;
  transition: all 0.3s ease !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--multiple {
  border-color: #ff6b35 !important;
  box-shadow: 0 0 0 4px rgba(255, 107, 53, 0.1) !important;
}

/* Tags sélectionnés */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%) !important;
  border: none !important;
  color: white !important;
  border-radius: 20px !important;
  padding: 0.4rem 0.8rem !important;
  margin: 0.25rem !important;
  font-weight: 500 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: white !important;
  margin-right: 0.5rem !important;
  font-weight: bold !important;
  transition: opacity 0.3s ease !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  opacity: 0.8 !important;
  background: none !important;
}

/* Input de recherche */
.select2-container--default .select2-search--inline .select2-search__field {
  padding: 0.5rem !important;
  font-size: 1rem !important;
  font-family: var(--font-familly2) !important;
}

.select2-container--default .select2-search--inline .select2-search__field::placeholder {
  color: #999 !important;
}

/* Dropdown */
.select2-dropdown {
  border: 2px solid #ff6b35 !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 20px rgba(255, 107, 53, 0.2) !important;
  margin-top: 0.5rem !important;
}

.select2-container--default .select2-results__option {
  padding: 0.75rem 1rem !important;
  transition: all 0.3s ease !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: linear-gradient(135deg, rgba(255, 107, 53, 0.1), rgba(247, 147, 30, 0.1)) !important;
  color: #ff6b35 !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%) !important;
  color: white !important;
}

/* Search input dans dropdown */
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 2px solid #e0e0e0 !important;
  border-radius: 10px !important;
  padding: 0.75rem 1rem !important;
  font-size: 1rem !important;
  font-family: var(--font-familly2) !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  outline: none !important;
  border-color: #ff6b35 !important;
  box-shadow: 0 0 0 4px rgba(255, 107, 53, 0.1) !important;
}

/* Message "Aucun résultat" */
.select2-container--default .select2-results__message {
  color: #999 !important;
  padding: 1rem !important;
  text-align: center !important;
}

/* Clear button */
.select2-selection__clear {
  color: white !important;
  font-size: 1.2rem !important;
  margin-right: 0.5rem !important;
}

/* Responsive */
@media (max-width: 768px) {
  .select2-container--default .select2-selection--multiple {
    padding: 0.4rem !important;
  }

  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-size: 0.85rem !important;
    padding: 0.3rem 0.6rem !important;
  }
}