/* MOVARA Frontend Surface 1.9.83 — language/currency identity + native dropdown contrast.
 * Native Flow/Public Shell selects keep all values, events and authority.
 * This stylesheet changes only the closed-control presentation. */

.mfs-preference-control{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #c8daec!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#fff 0%,#f7fbff 100%)!important;
  color:#0d315d!important;
  box-shadow:0 3px 10px rgba(16,57,99,.06)!important;
  cursor:pointer!important;
  transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease!important;
}
.mfs-preference-control--locale{width:82px!important;min-width:82px!important;max-width:82px!important}
.mfs-preference-control--currency{width:56px!important;min-width:56px!important;max-width:56px!important}
.mfs-preference-control:hover{
  border-color:#8eb9e6!important;
  background:#fff!important;
  box-shadow:0 6px 16px rgba(16,73,132,.11)!important;
}
.mfs-preference-control:focus-within{
  outline:3px solid #0877f9!important;
  outline-offset:2px!important;
  border-color:#0877f9!important;
}
.mfs-preference-control::after{
  content:"";
  position:absolute;
  right:10px;
  top:50%;
  width:5px;
  height:5px;
  margin-top:-4px;
  border-right:1.5px solid #547394;
  border-bottom:1.5px solid #547394;
  transform:rotate(45deg);
  pointer-events:none;
}
.mfs-preference-control--currency::after{right:9px}
.mfs-preference-visual{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  width:100%;
  padding:0 22px 0 10px;
  color:#0d315d;
  white-space:nowrap;
  pointer-events:none;
}
/* Hotfix: landing-search-bridge.css intentionally clips the original direct
 * label span. Keep the visual identity visible even if stale 1.9.81 markup is
 * briefly restored from an HTML cache while the versioned JS refreshes. */
.mfs-acq-preferences-slot > .mfs-preference-control > .mfs-preference-visual{
  position:relative!important;
  display:inline-flex!important;
  width:100%!important;
  height:auto!important;
  min-width:0!important;
  overflow:visible!important;
  clip:auto!important;
  clip-path:none!important;
  white-space:nowrap!important;
}
.mfs-preference-control--currency .mfs-preference-visual{padding:0 18px 0 8px}
.mfs-preference-visual__mark{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:22px;
  font:700 21px/1 "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",system-ui,sans-serif;
}
.mfs-preference-visual__code{
  font:780 14px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.02em;
}
.mfs-preference-control--currency .mfs-preference-visual__mark{
  min-width:20px;
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:20px;
  font-weight:780;
}
.mfs-preference-control .mfs-preference-native,
.mfs-acq-preferences-slot > .mfs-preference-control .mfs-preference-native,
.mfs-public-shell__preferences .mfs-preference-control .mfs-preference-native{
  position:absolute!important;
  z-index:2!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:inherit!important;
  background:#fff!important;
  color:#0d315d!important;
  -webkit-text-fill-color:#0d315d!important;
  color-scheme:light!important;
  box-shadow:none!important;
  opacity:0!important;
  cursor:pointer!important;
}

/* The closed native select stays visually hidden by opacity, but its popup is
 * still painted by the browser/OS. Give that native popup an explicit light
 * palette so options never inherit the former transparent text color or a
 * dark UA color-scheme. The underlying select remains the sole authority. */
.mfs-preference-control .mfs-preference-native option,
.mfs-acq-preferences-slot > .mfs-preference-control .mfs-preference-native option,
.mfs-public-shell__preferences .mfs-preference-control .mfs-preference-native option{
  background:#fff!important;
  color:#0d315d!important;
  -webkit-text-fill-color:#0d315d!important;
  font-weight:700!important;
}
.mfs-preference-control .mfs-preference-native option:checked,
.mfs-acq-preferences-slot > .mfs-preference-control .mfs-preference-native option:checked,
.mfs-public-shell__preferences .mfs-preference-control .mfs-preference-native option:checked{
  background:#0d315d!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

@media(max-width:820px){
  .mfs-preference-control{height:44px!important;min-height:44px!important;border-radius:11px!important;touch-action:manipulation!important}
  .mfs-preference-control--locale{width:76px!important;min-width:76px!important;max-width:76px!important}
  .mfs-preference-control--currency{width:52px!important;min-width:52px!important;max-width:52px!important}
  .mfs-preference-visual{gap:5px;padding-left:8px;padding-right:20px}
  .mfs-preference-visual__mark{min-width:20px;font-size:19px}
  .mfs-preference-visual__code{font-size:13px}
  .mfs-preference-control--currency .mfs-preference-visual__mark{font-size:19px}
}

@media(max-width:390px){
  .mfs-preference-control--locale{width:72px!important;min-width:72px!important;max-width:72px!important}
  .mfs-preference-control--currency{width:50px!important;min-width:50px!important;max-width:50px!important}
  .mfs-preference-visual{gap:4px;padding-left:7px;padding-right:18px}
  .mfs-preference-control::after{right:8px}
}

@supports (-webkit-touch-callout:none){
  @media(max-width:1024px) and (hover:none) and (pointer:coarse){
    .mfs-preference-control .mfs-preference-native{font-size:16px!important}
  }
}

@media(prefers-reduced-motion:reduce){
  .mfs-preference-control{transition:none!important}
}

@media(forced-colors:active){
  .mfs-preference-control{border:1px solid CanvasText!important;background:Canvas!important;color:CanvasText!important;box-shadow:none!important}
  .mfs-preference-control:focus-within{outline:2px solid Highlight!important}
}