/* Pilot-only; scoped to the new control. No changes to existing Country/nav rules. */
#minLanguagePilotControl { display:inline-flex;flex-direction:column;justify-content:center;gap:3px;min-width:105px;max-width:155px;align-self:center; }
#minLanguagePilotControl label {font-size:11px;font-weight:600;line-height:1.1;}
#minLanguagePilotControl select {width:100%;max-width:100%;min-height:34px;padding:5px 8px;border:1px solid #b7c6c0;border-radius:7px;background:var(--surface,#fff);color:inherit;font:inherit;font-size:12px;}
@media(max-width:760px) {#minLanguagePilotControl {min-width:0;max-width:130px;flex:0 1 115px;} }

/* Keep added control compact beside Country; existing nav rules untouched. */
#minLanguagePilotControl { min-width:90px; max-width:110px; flex-shrink:0; }
@media(max-width:760px) { #minLanguagePilotControl { min-width:90px; max-width:110px; } }

/* Phase 1: preserve nav source and rendered DOM order on wider screens.
   Scoped to the existing Country and new Language controls only. */
@media (min-width: 761px) {
  .site-nav > #siteMarketControl { order: 1000 !important; }
  .site-nav > #minLanguagePilotControl { order: 1001 !important; }
}

/* Language control refinement. Country and site navigation remain untouched.
   Keep an accessible label but hide only its visual rendering. */
#minLanguagePilotControl {
  position: relative;
  min-width: 124px;
  max-width: 136px;
  width: 136px;
  flex: 0 0 136px;
  gap: 0;
}
#minLanguagePilotControl label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
#minLanguagePilotControl select {
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-width: 0;
  height: 40px;
  min-height: 40px;
  margin: 0;
  padding: 0 26px 0 11px;
  border-radius: 8px;
  font-size: 13px;
  line-height: normal;
  appearance: auto;
  -webkit-appearance: menulist;
}
@media (max-width: 760px) {
  #minLanguagePilotControl {
    width: auto;
    min-width: 112px;
    max-width: 136px;
    flex: 0 1 136px;
  }
}


/* MIN_MULTILINGUAL_HEADER_ALIGNMENT_V1
   Scoped to pages loading the Language selector.
   Preserve the existing mobile hamburger layout.
*/
@media (min-width:1100px) {
  .nav .site-nav {
    justify-content:flex-start !important;
    gap:8px !important;
  }
}

@media (min-width:981px) and (max-width:1099px) {
  .nav .site-nav {
    justify-content:flex-start !important;
    gap:8px !important;
    flex-wrap:wrap !important;
    align-content:center !important;
    row-gap:8px !important;
  }

  .nav .site-nav > #siteMarketControl {
    margin-left:auto !important;
  }
}


/* MIN_REGIONAL_SELECTOR_GROUP_V1 */
@media (min-width: 981px) {
  html:is([lang="te"],[lang="ta"],[lang="hi"],[lang="ml"])
  .site-nav > #minRegionalSelectorGroup {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
    order: 1000;
    margin-left: auto;
    min-width: 0;
  }

  #minRegionalSelectorGroup > #siteMarketControl {
    order: 0 !important;
    margin-left: 0 !important;
  }

  #minRegionalSelectorGroup > #minLanguagePilotControl {
    order: 1 !important;
    margin-left: 0 !important;
  }
}