/* HOME UX F1-D4. Controls the ONE existing Django set_language form. */
@media (max-width: 1180px) {
  .masthead.masthead-v2 .mast-top.mast-top-v2 > details.pilih-bahasa.language-switcher.lk-f1-d4-mobile {
    position: relative !important;
    display: inline-flex !important;
    grid-column: 4 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: center !important;
    flex: none !important;
    z-index: 9001 !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }
  .masthead.masthead-v2 .mast-top.mast-top-v2 > details.lk-f1-d4-mobile > summary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 49px !important;
    width: auto !important;
    min-height: 42px !important;
    padding: 6px 8px !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .masthead.masthead-v2 .mast-top.mast-top-v2 > details.lk-f1-d4-mobile > summary .lang-current-code {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 14px !important;
  }
  .masthead.masthead-v2 .mast-top.mast-top-v2 > details.lk-f1-d4-mobile[open] > form.language-menu {
    position: fixed !important;
    z-index: 9500 !important;
    display: flex !important;
    flex-direction: column !important;
    top: 86px !important;
    left: auto !important;
    right: 12px !important;
    bottom: auto !important;
    inset-inline-start: auto !important;
    width: min(300px, calc(100vw - 24px)) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 24px) !important;
    max-height: min(320px, calc(100dvh - 106px)) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 8px !important;
    transform: none !important;
    box-shadow: 0 12px 36px rgba(0,0,0,.18) !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
  }
  .masthead.masthead-v2 .mast-top.mast-top-v2 > details.lk-f1-d4-mobile[open] > form.language-menu > .lang-option {
    flex: 0 0 auto !important;
    display: grid !important;
    grid-template-columns: 45px minmax(0,1fr) !important;
    width: 100% !important;
    min-height: 46px !important;
    box-sizing: border-box !important;
  }
  .masthead.masthead-v2 .mast-top.mast-top-v2 > details.lk-f1-d4-mobile:not([open]) > form.language-menu {
    display: none !important;
  }
}
@media (max-width: 1180px) and (max-height: 430px) {
  .masthead.masthead-v2 .mast-top.mast-top-v2 > details.lk-f1-d4-mobile[open] > form.language-menu {
    top: 52px !important;
    max-height: calc(100dvh - 62px) !important;
  }
}
