.realFlagSelect{
  position:relative;
  width:100%;
  min-width:0;
  z-index:1;
  font-family:var(--font-interface,Manrope,"Segoe UI",Arial,sans-serif);
}
.realFlagSelect:has(.realFlagSelectMenu:not([hidden])){z-index:260}
.realFlagSelect>select{
  position:absolute!important;
  inset:0 auto auto 0!important;
  width:1px!important;
  height:1px!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  pointer-events:none!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
}
.realFlagSelectButton{
  box-sizing:border-box!important;
  width:100%!important;
  height:clamp(35px,2.45vw,42px)!important;
  min-height:clamp(35px,2.45vw,42px)!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  padding:0 36px 0 11px!important;
  border:1px solid rgba(214,231,233,.34)!important;
  border-radius:8px!important;
  background:#061e2c!important;
  color:#f5f0e8!important;
  font-family:var(--font-interface,Manrope,"Segoe UI",Arial,sans-serif)!important;
  font-size:clamp(10px,.72vw,12px)!important;
  font-weight:500!important;
  line-height:1.2!important;
  text-align:left!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  position:relative!important;
  cursor:pointer!important;
  box-shadow:none!important;
  transform:none!important;
}
.realFlagSelectButton::after{
  content:'⌄';
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-56%);
  color:#c9d6d8;
  font-family:Arial,sans-serif;
  font-size:17px;
}
.realFlagSelectButton:focus-visible{
  outline:none!important;
  border-color:rgba(49,209,207,.62)!important;
  box-shadow:0 0 0 3px rgba(49,209,207,.07)!important;
}
.realFlagSelectButton:disabled{opacity:.48!important;cursor:not-allowed!important}
.realFlagSelectButton img,.realFlagSelectOption img{
  width:25px;
  height:17px;
  object-fit:cover;
  border-radius:2px;
  box-shadow:0 0 0 1px rgba(255,255,255,.18);
  flex:none;
}
.realFlagSelectMenu{
  box-sizing:border-box;
  position:absolute;
  z-index:300;
  left:0;
  right:0;
  top:calc(100% + 5px);
  max-height:min(340px,44vh);
  overflow-y:auto;
  overflow-x:hidden;
  padding:6px;
  border:1px solid rgba(149,205,218,.32);
  border-radius:9px;
  background:#061e2c;
  box-shadow:0 18px 42px rgba(0,0,0,.45);
  scrollbar-width:thin;
  scrollbar-color:rgba(245,138,75,.48) transparent;
}
.realFlagSelectMenu[hidden]{display:none!important}
.realFlagSelectOption{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:37px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:7px 9px!important;
  border:0!important;
  border-radius:6px!important;
  background:transparent!important;
  color:#dce7e5!important;
  font-family:var(--font-interface,Manrope,"Segoe UI",Arial,sans-serif)!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:1.2!important;
  text-align:left!important;
  cursor:pointer!important;
  transform:none!important;
}
.realFlagSelectOption:hover,.realFlagSelectOption:focus-visible,.realFlagSelectOption.isSelected{
  background:rgba(245,138,75,.14)!important;
  color:#fff!important;
  outline:none!important;
}
.salonQuickSearch .realFlagSelectButton{
  height:clamp(35px,2.45vw,43px)!important;
  min-height:clamp(35px,2.45vw,43px)!important;
}
.memberDirectoryLocationForm>.realFlagSelect{grid-column:auto;min-width:0}
@media(max-width:1450px) and (max-height:820px){
  .realFlagSelectButton{height:29px!important;min-height:29px!important;font-size:9px!important;padding-left:9px!important}
  .realFlagSelectButton img{width:21px;height:14px}
  .realFlagSelectOption{min-height:31px!important;font-size:10px!important}
  .realFlagSelectOption img{width:21px;height:14px}
}


/* R109 — audit des menus déroulants et correction des lettres descendantes. */
.realFlagSelectButton{
  padding-left:14px!important;
  padding-right:46px!important;
  line-height:1.35!important;
}
.realFlagSelectButton::after{right:15px!important;top:50%!important;transform:translateY(-50%)!important}
.realFlagSelectOption{
  min-height:39px!important;
  padding:8px 11px 9px!important;
  line-height:1.35!important;
  overflow:visible!important;
}
.realFlagSelectOption img{margin-right:1px}