/* ==========================================================================
   CHAMP COMPOSÉ : CODE PAYS + TÉLÉPHONE
   ========================================================================== */

.bei-phone-group {
  position: relative;
  display: flex;
  align-items: stretch;
  width: 100%;
}

.bei-currency-select {
  border: 1px solid rgba(10, 31, 68, 0.15) !important;
  border-left: none !important; /* Supprime la bordure séparatrice gauche */
  border-radius: 0 6px 6px 0 !important; /* Arrondit uniquement les coins droit */
  background-color: rgba(10, 31, 68, 0.02) !important;
  color: var(--bei-navy) !important;
  height: auto !important;
  font-weight: 500;
  cursor: pointer;
  transition: border-color 0.2s ease;
}

.bei-price-input {
  border-radius: 6px 0 0 6px !important; /* Arrondit uniquement les coins gauche */
  border-right: 1px solid rgba(10, 31, 68, 0.15) !important; /* Assure une séparation propre */
}

/* Le sélecteur du code pays */
.bei-country-select {
  border: 1px solid rgba(10, 31, 68, 0.15) !important;
  border-right: none !important; /* Supprime la bordure séparatrice droite */
  border-radius: 6px 0 0 6px !important; /* Arrondit uniquement les coins gauches */
  background-color: rgba(10, 31, 68, 0.02) !important;
  color: var(--bei-navy) !important;
  height: auto !important;
  font-weight: 500;
  cursor: pointer;
  transition: border-color 0.2s ease;
}

.bei-country-select:focus {
  border-color: var(--bei-gold) !important;
  outline: none;
}

/* L'input du numéro à la suite */
.bei-phone-input {
  border-radius: 0 6px 6px 0 !important; /* Arrondit uniquement les coins droits */
  border-left: 1px solid rgba(10, 31, 68, 0.15) !important; /* Assure une séparation propre */
}

/* Ajustement visuel au focus global */
.bei-phone-group:focus-within .bei-country-select {
  border-color: var(--bei-gold) !important;
}