/* Custom Select2 Styles */

#formulaire_recherche_formation .select2-container {
  font-family: "Oswald";
  display: inline-block;
  width: 100% !important;
}

#formulaire_recherche_formation .select2-dropdown {
  border: solid 1px #0000001f !important;
  border-radius: 0px 0px 2px 2px !important;
}

/* Style principal du Select2 - Conteneur avec fond bleu clair */
#formulaire_recherche_formation .select2-container--default .select2-selection--single {
  background: #d6f3fa !important;
  border: none !important;
  border-bottom: none !important;
  border-radius: 12px !important;
  min-height: 52px !important;
  height: 52px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 16px !important;
  padding-right: 56px !important;
  padding-left: 48px !important;
  position: relative !important;
}


/* Texte sélectionné - fond transparent pour voir le bleu du parent */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  background: transparent !important;
  color: #0C7EC4 !important;
  font-size: 1.1rem !important;
  line-height: 2rem !important;
  text-transform: capitalize !important;
  width: 100% !important;
  display: flex !important;
  justify-content: space-between;
  flex-direction: row-reverse;
}

/* Icône de localisation à gauche */
#formulaire_recherche_formation .select2-container--default .select2-selection--single::before {
  content: '' !important;
  position: absolute !important;
  left: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 20px !important;
  height: 25px !important;
  background: url('data:image/svg+xml;utf8,<svg width="20" height="25" viewBox="0 0 20 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 1.5C12.2551 1.5 14.2237 2.27573 15.9678 3.88379C17.6253 5.41217 18.5007 7.47831 18.5 10.25C18.5 11.9324 17.8287 13.9071 16.2725 16.207C14.8764 18.2702 12.7985 20.5387 10 23.0127C7.20069 20.538 5.12287 18.2695 3.72754 16.207C2.17237 13.9083 1.50083 11.9336 1.5 10.25C1.5 7.4782 2.37556 5.41229 4.0332 3.88379C5.7774 2.27555 7.74583 1.5 10 1.5Z" stroke="%230C7EC4" stroke-width="3"/></svg>') no-repeat center/contain !important;
  z-index: 2 !important;
}

/* Bouton dropdown bleu avec flèche blanche */
#formulaire_recherche_formation .select2-container--default .select2-selection--single .select2-selection__arrow {
  background: #0C7EC4 !important;
  border-radius: 6px !important;
  width: 36px !important;
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  right: 8px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

/* Flèche blanche du bouton dropdown */
#formulaire_recherche_formation .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M5 8l5 5 5-5" stroke="white" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center/contain !important;
  border: none !important;
  margin: 0 !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

/* Flèche vers le haut quand le dropdown est ouvert */
#formulaire_recherche_formation .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  width: 16px !important;
  height: 16px !important;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M15 12l-5-5-5 5" stroke="white" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center/contain !important;
  border: none !important;
  margin: 0 !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

/* Placeholder */
#formulaire_recherche_formation .select2-container--default .select2-selection--single .select2-selection__placeholder {
  background: transparent !important;
  font-weight: 400 !important;
  font-size: 1.1rem !important;
  color: #0C7EC4 !important;
  line-height: 52px !important;
  width: 100% !important;
  display: flex !important;
  justify-content: flex-start;
}

/* Focus */
#formulaire_recherche_formation .select2 .selection:focus,
#formulaire_recherche_formation .select2-search__field:focus {
  outline: none !important;
}

/* Erreur */
#formulaire_recherche_formation span.select2.error .select2-selection {
  border: solid red 1px !important;
  margin-bottom: 5px !important;
}

/* Dropdown ouvert */
#formulaire_recherche_formation .select2-container--default.select2-container--open .select2-selection--single {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* Options du dropdown */
#formulaire_recherche_formation .select2-container--default .select2-results__option {
  background: white !important;
  padding: 0.7rem 1rem !important;
}

#formulaire_recherche_formation .select2-container--default .select2-results__option[aria-selected=true] {
  background: #d6f3fa !important;
}

#formulaire_recherche_formation .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #0C7EC4 !important;
  color: white !important;
}

/* Select2 sans icône de localisation */
#formulaire_recherche_formation .no-location-icon + .select2-container--default .select2-selection--single::before {
  display: none !important;
}

#formulaire_recherche_formation .no-location-icon + .select2-container--default .select2-selection--single {
  padding-left: 1rem !important;
}

.select2-results__options {
  padding: 0.3rem;
  font-weight: 300;
}