/* Marktplaats Aruba Multilingual 0.5.5 — mobile/app header language dropdown. */
#ma-ml-mobile-globe { display: none; }
@media (max-width: 1024px) {
  /* The old shortcode's wide, desktop-only menu is not needed on mobile. */
  .ma-language-switcher { display: none !important; }
  /* Hide the superseded separate Globe v1.x plugin if it was left active. */
  #ma-mobile-globe-language { display: none !important; }
  /* Only the precisely identified, compact EN/NL/ES pill is hidden by JS. */
  [data-ma-ml-hide-legacy="1"] { display: none !important; visibility: hidden !important; pointer-events: none !important; }
  /* Known names of legacy floating language-only switchers. */
  #ma-mobile-language-switcher, .ma-mobile-language-switcher,
  .ma-language-floating, .ma-floating-language-switcher {
    display: none !important;
  }
  #ma-ml-mobile-globe {
    display: block !important;
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    top: auto !important;
    left: auto !important;
    flex: 0 0 38px !important;
    align-self: center !important;
    order: 0 !important;
    width: 38px !important;
    height: 38px !important;
    margin: 0 8px 0 0 !important;
    padding: 0 !important;
    z-index: 2147483001 !important;
    color: #0a66c2;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    line-height: 1.4;
    isolation: isolate;
  }
  #ma-ml-mobile-globe *, #ma-ml-mobile-globe *::before, #ma-ml-mobile-globe *::after { box-sizing: border-box; }
  #ma-ml-mobile-globe .ma-ml-globe-trigger {
    -webkit-appearance: none !important;
    appearance: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    border: 1px solid #c7d9ec !important;
    border-radius: 12px !important;
    color: #096bc9 !important;
    box-shadow: none !important;
    line-height: 1 !important;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  #ma-ml-mobile-globe .ma-ml-globe-trigger:hover,
  #ma-ml-mobile-globe .ma-ml-globe-trigger[aria-expanded="true"] {
    background: #eef7ff !important;
    border-color: #86bdea !important;
  }
  #ma-ml-mobile-globe .ma-ml-globe-trigger svg {
    display: block !important; width: 22px !important; height: 22px !important;
    fill: none !important; stroke: currentColor !important;
  }
  #ma-ml-mobile-globe .ma-ml-globe-list {
    display: block !important;
    position: absolute !important;
    right: 0 !important;
    bottom: auto !important;
    top: calc(100% + 10px) !important;
    width: 210px !important;
    max-width: calc(100vw - 30px) !important;
    margin: 0 !important;
    padding: 8px !important;
    background: #ffffff !important;
    color: #213c58 !important;
    border: 1px solid #d6e5f2 !important;
    border-radius: 15px !important;
    box-shadow: 0 12px 30px rgba(12,52,99,0.2) !important;
    overflow: hidden !important;
  }
  /* Hide until placed next to the hamburger. Never show the old floating bubble. */
  #ma-ml-mobile-globe:not(.ma-ml-in-header) { display: none !important; }
  #ma-ml-mobile-globe .ma-ml-globe-list[hidden] { display: none !important; }
  #ma-ml-mobile-globe .ma-ml-globe-heading {
    display: block; padding: 7px 10px 8px; color: #627b95;
    font-size: 11px !important; font-weight: 700 !important;
    letter-spacing: .035em; text-transform: uppercase;
  }
  #ma-ml-mobile-globe .ma-ml-globe-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 43px !important;
    padding: 9px 10px !important;
    margin: 0 !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    background: transparent !important;
    border: 0 !important;
    color: #203b56 !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    box-shadow: none !important;
  }
  #ma-ml-mobile-globe .ma-ml-globe-item:hover,
  #ma-ml-mobile-globe .ma-ml-globe-item:focus-visible { background: #eff6fd !important; }
  #ma-ml-mobile-globe .ma-ml-globe-item.is-active {
    background: #e8f3ff !important;
    color: #096bc9 !important;
    font-weight: 700 !important;
  }
  #ma-ml-mobile-globe .ma-ml-globe-code {
    color: #72879c; font-size: 11px !important; font-weight: 700 !important;
  }
  #ma-ml-mobile-globe .ma-ml-globe-item.is-active .ma-ml-globe-code { color: #096bc9; }
  #ma-ml-mobile-globe .ma-ml-globe-trigger:focus-visible,
  #ma-ml-mobile-globe .ma-ml-globe-item:focus-visible { outline: 2px solid #086ecb !important; outline-offset: 2px; }
}
@media (prefers-reduced-motion: no-preference) {
  #ma-ml-mobile-globe .ma-ml-globe-trigger { transition: background-color 140ms ease, border-color 140ms ease; }
}