/* Footer currency and language menus stay inside the page column.
   Do not use viewport width: the admin preview frame is wider than the phone column. */
.f-footer--bottom,
.f-footer--bottom-inner,
.f-footer--bottom-right,
.f-footer--currency-language,
.f-footer--currency-language .f-switcher-dropdown,
.f-footer--currency-language f-select-component,
.f-footer--currency-language .f-select-custom {
  overflow: visible !important;
}

.f-footer--currency-language .f-select-custom {
  position: relative;
}

.f-footer--currency-language .f-select-custom.isActive {
  z-index: 80;
}

.f-footer--currency-language .f-select-custom.isActive .f-select-custom--options {
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  top: auto !important;
  bottom: calc(100% + 8px) !important;
  width: max-content !important;
  min-width: 0 !important;
  max-width: 272px !important;
  max-height: 280px !important;
  margin: 0 !important;
  transform: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 80 !important;
  background: #f6f0e6;
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(40, 28, 16, 0.16);
}

.f-footer--currency-language .f-select-custom.isActive .f-select-custom--option {
  white-space: nowrap;
}