/* Maple House Foods 2.5.1 — language selector contrast + stacking reliability */

/*
 * The language selector lives inside the header. Earlier polish layers placed
 * the header and page content in the same low stacking context, while an old
 * homepage rule forced the selector text white. On the current light header
 * this produced white-on-white text and allowed following sections to paint
 * over the open language popover.
 *
 * Keep the fix scoped to the header so product/page composition is untouched.
 */
.site-header{
  z-index:10000!important;
  overflow:visible!important;
  isolation:auto!important;
}
.site-header .shell.header-inner,
.site-header .header-inner,
.site-header .header-actions,
.site-header .mhf-language-control,
.site-header .mhf-language-menu{
  overflow:visible!important;
}
.site-header .header-inner{position:relative!important;z-index:10001!important}
.site-header .header-actions{position:relative!important;z-index:10002!important}
.site-header .mhf-language-control{position:relative!important;z-index:10010!important}
.site-header .mhf-language-menu{position:relative!important;z-index:10011!important}
.site-header .mhf-language-menu[open]{z-index:10020!important}
.site-header .mhf-language-popover{
  z-index:10030!important;
  background:#fffdf9!important;
  color:#09241b!important;
  border:1px solid rgba(9,36,27,.12)!important;
  box-shadow:0 24px 70px rgba(9,36,27,.22)!important;
}

/* Explicit accessible contrast on the current light header, including Home. */
.site-header .mhf-language-menu>summary,
.home-page:not(.scrolled) .site-header .mhf-language-menu>summary,
.home-page.scrolled .site-header .mhf-language-menu>summary{
  background:#fffdf9!important;
  border-color:rgba(9,36,27,.16)!important;
  color:#09241b!important;
  box-shadow:0 8px 24px rgba(9,36,27,.07)!important;
}
.site-header .mhf-language-summary-label,
.home-page:not(.scrolled) .site-header .mhf-language-summary-label,
.home-page.scrolled .site-header .mhf-language-summary-label{
  color:#56625b!important;
  opacity:1!important;
}
.site-header .mhf-language-menu>summary strong,
.site-header .mhf-language-chevron,
.home-page:not(.scrolled) .site-header .mhf-language-menu>summary strong,
.home-page:not(.scrolled) .site-header .mhf-language-chevron,
.home-page.scrolled .site-header .mhf-language-menu>summary strong,
.home-page.scrolled .site-header .mhf-language-chevron{
  color:#09241b!important;
  opacity:1!important;
}
.site-header .mhf-language-menu>summary:hover{
  border-color:rgba(216,158,24,.55)!important;
  background:#fff!important;
}
.site-header .mhf-language-menu>summary:focus-visible{
  outline:3px solid rgba(216,158,24,.32)!important;
  outline-offset:3px!important;
}
.site-header .mhf-language-menu[open]>summary{
  border-color:#d89e18!important;
  box-shadow:0 0 0 3px rgba(216,158,24,.12),0 10px 28px rgba(9,36,27,.09)!important;
}

/* Popover copy/options must never inherit light hero/header text. */
.site-header .mhf-language-popover-title,
.site-header .mhf-language-options a,
.site-header .mhf-language-options a .mhf-language-native,
.site-header .mhf-language-options a .mhf-language-code{
  color:#09241b!important;
  opacity:1!important;
}
.site-header .mhf-language-options a{
  background:#fbf8f0!important;
}
.site-header .mhf-language-options a:hover,
.site-header .mhf-language-options a:focus-visible{
  background:#fff!important;
  border-color:rgba(216,158,24,.55)!important;
  outline:none!important;
}
.site-header .mhf-language-options a.active{
  background:#09241b!important;
  border-color:#09241b!important;
  color:#fff!important;
}
.site-header .mhf-language-options a.active .mhf-language-native,
.site-header .mhf-language-options a.active .mhf-language-code{color:#fff!important}

/* Ensure page sections cannot cover the open desktop selector. */
body:not(.admin-bar) .site-header{isolation:isolate!important}
@media(min-width:961px){
  .site-header .mhf-language-popover{top:calc(100% + 10px)!important;right:0!important;left:auto!important}
  html[dir="rtl"] .site-header .mhf-language-popover{right:auto!important;left:0!important}
}

/* Mobile selector is inside the drawer and should expand naturally in-flow. */
@media(max-width:960px){
  .mobile-nav .mhf-language-control,
  .mobile-nav .mhf-language-menu{overflow:visible!important}
  .mobile-nav .mhf-language-popover{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    left:auto!important;
    z-index:auto!important;
    width:100%!important;
    margin-top:8px!important;
  }
}
