/* Language choices are present in the initial HTML and copied into mobile navigation. */
.mth-header-languages{white-space:nowrap}
.mth-header-languages a{display:inline-block;padding:4px 2px}
@media screen and (max-width:940px){
 .slicknav_nav .mth-header-languages{display:flex;align-items:center;gap:8px;padding:8px 20px 8px 30px}
 .slicknav_nav .mth-header-languages a{margin:0;padding:8px 6px}
 html.mth-fixed-layout{--mth-header-height:96px}
}
@media screen and (min-width:941px){
 html.mth-fixed-layout{--mth-header-height:136px}
}

.mth-language-dropdown{position:relative;text-transform:none}
.mth-language-dropdown summary{cursor:pointer;padding:4px 2px;color:#660000}
.mth-language-options{position:absolute;right:0;top:100%;min-width:170px;background:white;box-shadow:0 3px 12px #0003;z-index:1003;padding:6px;border:1px solid #ccc}
.mth-language-options a{display:block!important;padding:9px 12px!important;font-size:16px;text-transform:none}
.mth-language-options a:hover,.mth-language-options a:focus-visible{background:#d4e4f0}
@media(max-width:940px){
 #menu .slicknav_btn{display:flex;align-items:center;justify-content:center;padding:2px;position:absolute;top:20px;right:20px;margin:0!important;width:44px;height:44px}
 .slicknav_nav .mth-header-languages{display:block}
 .slicknav_nav .mth-language-dropdown{width:100%}
 .slicknav_nav .mth-language-dropdown summary{padding:12px 6px;color:#131304;font-size:18px}
 .slicknav_nav .mth-language-options{position:static;box-shadow:none}
 html.mth-fixed-layout #menu .header-container{transition:transform .18s ease}
 html.mth-mobile-header-hidden #menu .header-container{transform:translateY(-100%)}
}
@media(prefers-reduced-motion:reduce){html.mth-fixed-layout #menu .header-container{transition:none}}

html[lang="ar"] body{direction:rtl}
html[lang="ar"] #menu,html[lang="ar"] canvas,html[lang="ar"] input[type="number"],html[lang="ar"] input[type="email"],html[lang="ar"] input[type="tel"]{direction:ltr}
html[lang="ar"] #menu a{unicode-bidi:plaintext}
html[lang="ar"] .master-table-scroll,html[lang="ar"] .results-scroll,html[lang="ar"] svg{direction:ltr}

/* Mobile controls use the fixed header as their only positioning container. */
@media(max-width:940px){
 #menu #menu-holder,#menu #menu-holder>.slicknav_menu{position:static;top:auto;right:auto;left:auto;height:0;margin:0;padding:0}
 #menu .slicknav_btn{z-index:1002}
 #menu #menu-holder .slicknav_menu>.slicknav_nav{position:absolute;top:100%;left:0;right:0;width:100%;margin:0!important;padding:0;z-index:1000;max-height:calc(100vh - var(--mth-header-height,96px) - 12px);max-height:calc(100dvh - var(--mth-header-height,96px) - 12px);overflow-y:auto;box-sizing:border-box}
}

@media(max-width:940px){
 #menu .slicknav_btn .slicknav_icon{display:flex;flex-direction:column;justify-content:space-between;width:31px;height:19px;margin:0;float:none}
 #menu .slicknav_btn .slicknav_icon-bar{width:31px;height:3px;flex:0 0 3px;margin:0}
}