
/* Mobile language and single-button appearance toggle */
.saga-mobile-utilities { display:none !important; }
@media (max-width: 991px) {
  #mo_header { position:relative; }
  #mo_header .saga-mobile-utilities {display:flex !important; position:absolute; z-index:99999; top:12px; right:68px; align-items:center; gap:8px; direction:ltr; font-size:12px; line-height:1.25; }
  #mo_header .saga-mobile-utilities * { box-sizing:border-box; }
  #mo_header .saga-mobile-languages {position:relative; min-width:0; margin:0;}
  #mo_header .saga-mobile-languages summary { cursor:pointer; padding:9px 10px; background:transparent; border:1px solid #9ba4b2; border-radius:7px; color:#27313b; white-space:nowrap; list-style:none; font-weight:600; }
  #mo_header .saga-mobile-languages summary::-webkit-details-marker { display:none; }
  #mo_header .saga-mobile-languages ul {display:block; position:absolute; top:calc(100% + 6px); right:0; left:auto; min-width:145px; margin:0; padding:5px; list-style:none; background:#fff; border:1px solid #d8dde3; border-radius:8px; box-shadow:0 8px 22px #0002; z-index:9999;}
  #mo_header .saga-mobile-languages:not([open]) ul {display:none;}
  #mo_header .saga-mobile-languages li {margin:0; padding:0; display:block;}
  #mo_header .saga-mobile-languages li a {display:block; padding:10px 12px; text-align:start; text-decoration:none; font-size:13px; color:#222;}
  #mo_header .saga-mobile-languages li a:hover {background:#eef3f7;}
  #mo_header .saga-mobile-mode {width:35px; height:35px; min-width:35px; border:1px solid #9ba4b2; border-radius:7px; background:transparent; color:#27313b; display:inline-flex; align-items:center; justify-content:center; padding:0; cursor:pointer; font-size:22px; line-height:1;}
  .dark-mode-on #mo_header .saga-mobile-mode, .dark-mode-on #mo_header .saga-mobile-languages summary {color:#fff; border-color:#858b97;}
  .dark-mode-on #mo_header .saga-mobile-languages ul {background:#20232c; border-color:#555;}
  .dark-mode-on #mo_header .saga-mobile-languages li a {color:#fff;}
  .dark-mode-on #mo_header .saga-mobile-languages li a:hover {background:#3b4051;}
  #mo_header .menu_other_v2 .color-switcher, #mo_header .menu_other_v3 .color-switcher {display:none !important;}
}
@media (max-width: 360px) {#mo_header .saga-mobile-utilities {right:55px; gap:5px;} #mo_header .saga-mobile-languages summary {padding:8px 6px; font-size:11px;} #mo_header .saga-mobile-mode {width:30px;min-width:30px;height:32px;}}

/* Compact mobile language dropdown */
@media (max-width:991px) {
 #mo_header .saga-mobile-languages {display:block; isolation:isolate;}
 #mo_header .saga-mobile-languages summary {display:flex; gap:7px; align-items:center; justify-content:center; min-width:52px; height:35px; padding:6px 9px; line-height:1; user-select:none;}
 #mo_header .saga-mobile-languages[open] summary {border-color:currentColor;}
 #mo_header .saga-mobile-languages ul {min-width:125px; max-width:180px; overflow:visible;}
 #mo_header .saga-mobile-languages li a[aria-current="page"] {font-weight:700; background:rgba(128,128,128,.12);}
 #mo_header .saga-mobile-languages summary:focus-visible, #mo_header .saga-mobile-languages a:focus-visible {outline:2px solid #418dd3; outline-offset:2px;}
}

/* Localized flag badges: keep typography stable in RTL/LTR menus. */
.saga-flag {display:inline-block; font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif; font-size:1.15em; line-height:1; vertical-align:-.06em; unicode-bidi:isolate; direction:ltr;}
.select-languages ul a {white-space:nowrap;}
#mo_header .saga-mobile-languages li a {display:flex;align-items:center;gap:7px;direction:ltr;text-align:left;}
#mo_header .saga-mobile-languages summary {direction:ltr;}

/* White Rose header language and mode alignment (desktop) */
@media (min-width: 992px) {
 #mo_header .saga-mobile-utilities {display:none !important;}
 #mo_header .saga-desktop-language {position:relative !important; display:inline-flex !important; align-items:center !important; height:42px; min-width:104px; margin:0 !important; float:none !important; flex:0 0 auto; direction:ltr; vertical-align:middle; overflow:visible !important; border:0 !important; background:transparent !important;}
 #mo_header .saga-desktop-language-trigger {appearance:none !important; display:inline-flex !important; flex-direction:row !important; align-items:center !important; justify-content:center !important; gap:7px; height:42px; width:auto; min-width:104px; margin:0 !important; padding:0 10px !important; border:1px solid rgba(255,255,255,.22) !important; border-radius:21px; color:inherit; background:transparent !important; font:600 12px/1.2 inherit; cursor:pointer; white-space:nowrap;}
 #mo_header .saga-desktop-language .saga-flag {display:inline-block !important; flex:none; line-height:1;}
 #mo_header .saga-desktop-language .saga-desktop-current {display:inline !important; white-space:nowrap; line-height:1.2;}
 #mo_header .saga-desktop-language .saga-desktop-chevron {font-size:15px; line-height:1;}
 #mo_header .saga-desktop-language-menu {display:none !important; position:absolute !important; top:calc(100% + 8px) !important; right:0 !important; left:auto !important; width:170px !important; min-width:170px !important; height:auto !important; margin:0 !important; padding:6px !important; list-style:none !important; border-radius:9px; border:1px solid #d9dde5; background:#fff !important; box-shadow:0 12px 30px rgba(0,0,0,.2); z-index:999999 !important; direction:ltr; transform:none !important; opacity:1 !important; visibility:visible !important;}
 #mo_header .saga-desktop-language.is-open .saga-desktop-language-menu {display:block !important;}
 #mo_header .saga-desktop-language-menu li {display:block !important; float:none !important; position:static !important; width:100% !important; margin:0 !important; padding:0 !important; background:none !important; border:0 !important;}
 #mo_header .saga-desktop-language-menu a {display:flex !important; align-items:center; gap:9px; float:none !important; width:100% !important; height:auto !important; min-height:35px; padding:8px 10px !important; color:#20232a !important; text-decoration:none !important; font-size:13px !important; font-weight:500 !important; line-height:1.3 !important; white-space:nowrap; background:transparent !important; border-radius:5px;}
 #mo_header .saga-desktop-language-menu a:hover, #mo_header .saga-desktop-language-menu a[aria-current="page"] {background:#f0f2f5 !important;}
 #mo_header .menu_other_v7, #mo_header .menu_other_v6, #mo_header .menu_other_v5, #mo_header .menu_other_v4, #mo_header .menu_other_v3, #mo_header .menu_other_v2 {align-items:center;}
 #mo_header .color-switcher:has(.saga-desktop-mode) {position:relative !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; width:42px !important; height:42px !important; min-width:42px; padding:0 !important; margin:0 !important; vertical-align:middle; background:transparent !important;}
 #mo_header .color-switcher:has(.saga-desktop-mode) > ul {display:none !important;}
 #mo_header .saga-desktop-mode {display:inline-flex !important; align-items:center; justify-content:center; width:42px; height:42px; padding:0; border:1px solid rgba(255,255,255,.25); border-radius:50%; font-size:22px; line-height:1; color:inherit; background:transparent; cursor:pointer;}
 .dark-mode-on #mo_header .saga-desktop-language-menu {background:#242731 !important; border-color:#525663;}
 .dark-mode-on #mo_header .saga-desktop-language-menu a {color:#fff !important;}
 .dark-mode-on #mo_header .saga-desktop-language-menu a:hover {background:#383d49 !important;}
}
@media (max-width:991px) {#mo_header .saga-desktop-language {display:none !important;}}

/* White Rose language dropdown — final layout isolation from legacy 50px selector. */
@media (min-width: 992px) {
  body #mo_header .select-languages.saga-desktop-language {
    width: 142px !important; min-width:142px !important; max-width:none !important;
    height:44px !important; padding:0 !important; flex:0 0 142px !important;
    display:inline-flex !important; align-items:center !important; float:none !important;
    position:relative !important; vertical-align:middle !important;
  }
  body #mo_header .saga-desktop-language > button.saga-desktop-language-trigger {
    box-sizing:border-box !important; display:flex !important; flex-direction:row !important;
    align-items:center !important; justify-content:center !important; flex-wrap:nowrap !important;
    gap:8px !important; width:142px !important; min-width:142px !important;
    max-width:142px !important; height:42px !important; line-height:1 !important;
    padding:0 12px !important; white-space:nowrap !important;
    font-family:inherit !important; font-size:13px !important; font-weight:600 !important;
    letter-spacing:normal !important; text-transform:none !important;
  }
  body #mo_header .saga-desktop-language-trigger .saga-flag,
  body #mo_header .saga-desktop-language-trigger .saga-desktop-current,
  body #mo_header .saga-desktop-language-trigger .saga-desktop-chevron {
    display:inline-block !important; position:static !important; flex:0 0 auto !important;
    width:auto !important; height:auto !important; margin:0 !important;
    padding:0 !important; transform:none !important; white-space:nowrap !important;
    font-size:inherit !important; line-height:1.2 !important;
  }
  body #mo_header .saga-desktop-language-trigger .saga-flag {font-size:17px !important;}
  body #mo_header .saga-desktop-language > ul.saga-desktop-language-menu {
    width:180px !important; min-width:180px !important; top:calc(100% + 7px) !important;
    right:0 !important; left:auto !important; box-sizing:border-box !important;
    display:none !important; margin:0 !important; padding:6px !important;
    opacity:1 !important; visibility:visible !important; transform:none !important;
  }
  body #mo_header .saga-desktop-language.is-open > ul.saga-desktop-language-menu {display:block !important;}
  body #mo_header .saga-desktop-language:not(.is-open):hover > ul.saga-desktop-language-menu {display:none !important;}
  body #mo_header .saga-desktop-language-menu a {margin:0 !important; box-sizing:border-box !important;}
  body #mo_header .saga-desktop-language-menu .saga-flag {font-size:17px !important;}
}
@media (max-width:991px) {
  body #mo_header .saga-mobile-languages summary {flex-wrap:nowrap !important; white-space:nowrap !important;}
  body #mo_header .saga-mobile-languages summary .saga-flag {flex:none !important;}
  body #mo_header .saga-mobile-languages ul {min-width:155px !important; box-sizing:border-box !important;}
  body #mo_header .saga-mobile-languages ul li a {white-space:nowrap !important; margin:0 !important;}
}

/* Consistent local SVG flags for desktop and mobile dropdowns. */
.saga-flag{display:inline-flex !important;align-items:center;justify-content:center;flex:none;vertical-align:middle;line-height:1;}
.saga-flag img{display:block !important;width:22px !important;height:15px !important;min-width:22px;max-width:22px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(127,127,127,.25);}

/* White Rose: aligned mobile logo, language, mode and menu controls. */
@media (max-width: 991px) {
  body #mo_header { position:relative !important; }
  body #mo_header .saga-mobile-utilities {
    display:flex !important; position:absolute !important; top:50% !important;
    right:64px !important; left:auto !important; transform:translateY(-50%) !important;
    height:40px !important; align-items:center !important; justify-content:flex-end !important;
    gap:8px !important; margin:0 !important; padding:0 !important;
    z-index:10010 !important; direction:ltr !important;
  }
  body #mo_header .saga-mobile-languages,
  body #mo_header .saga-mobile-mode { margin:0 !important; transform:none !important; flex-shrink:0 !important; }
  body #mo_header .saga-mobile-languages summary {
    display:flex !important; align-items:center !important; justify-content:center !important;
    height:38px !important; min-height:38px !important; padding:0 8px !important;
    min-width:76px !important; gap:5px !important; font-size:12px !important;
    line-height:1 !important; border-radius:9px !important;
  }
  body #mo_header .saga-mobile-languages summary .saga-flag img {
    width:19px !important; min-width:19px !important; height:13px !important;
  }
  body #mo_header .saga-mobile-mode {
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
    width:38px !important; min-width:38px !important; height:38px !important;
    padding:0 !important; border-radius:50% !important; line-height:1 !important;
  }
  body #mo_header .saga-mobile-mode .saga-mode-symbol { line-height:1 !important; font-size:23px !important; }
  body #mo_header .mo-header-menu, body #mo_header .mo-header-top { position:relative; }
  body #mo_header .mo-col-logo, body #mo_header .mo-header-top-l { min-width:0 !important; }
  body #mo_header .mo-col-logo .mo-logo img,
  body #mo_header .mo-header-top-l .mo-logo img,
  body #mo_header .top-bar .logo img {
    max-width:min(40vw,190px) !important; width:auto !important;
    max-height:54px !important; height:auto !important; object-fit:contain !important;
  }
  body #mo_header .mo-header-icon,
  body #mo_header .bg-header-icon,
  body #mo_header .mo-header-menu > .menu-toggle {
    z-index:10011 !important;
  }
  body #mo_header .mo-header-icon { top:50% !important; transform:translateY(-50%) !important; }
  /* Explicit dark lines for light mode, bright lines for dark mode. */
  body:not(.dark-mode-on) #mo_header .mo-header-icon span,
  body:not(.dark-mode-on) #mo_header .mo-header-icon::before,
  body:not(.dark-mode-on) #mo_header .mo-header-icon::after,
  body:not(.dark-mode-on) #mo_header .menu-toggle .menu-sm-line-1,
  body:not(.dark-mode-on) #mo_header .menu-toggle .menu-sm-line-2 {
    background-color:#20242d !important; border-color:#20242d !important;
  }
  body.dark-mode-on #mo_header .mo-header-icon span,
  body.dark-mode-on #mo_header .mo-header-icon::before,
  body.dark-mode-on #mo_header .mo-header-icon::after,
  body.dark-mode-on #mo_header .menu-toggle .menu-sm-line-1,
  body.dark-mode-on #mo_header .menu-toggle .menu-sm-line-2 {
    background-color:#fff !important; border-color:#fff !important;
  }
  body:not(.dark-mode-on) #mo_header .saga-mobile-mode,
  body:not(.dark-mode-on) #mo_header .saga-mobile-languages summary {
    color:#20242d !important; border-color:#9ca7b7 !important;
  }
  body.dark-mode-on #mo_header .saga-mobile-mode,
  body.dark-mode-on #mo_header .saga-mobile-languages summary {
    color:#fff !important; border-color:rgba(255,255,255,.55) !important;
  }
}
@media (max-width: 390px) {
  body #mo_header .saga-mobile-utilities { right:52px !important; gap:5px !important; }
  body #mo_header .saga-mobile-languages summary { min-width:68px !important; padding:0 5px !important; }
  body #mo_header .saga-mobile-mode { width:34px !important; min-width:34px !important; height:34px !important; }
  body #mo_header .mo-col-logo .mo-logo img, body #mo_header .mo-header-top-l .mo-logo img,
  body #mo_header .top-bar .logo img { max-width:35vw !important; }
}

/* White Rose: keep hamburger on the same centerline as language and mode controls. */
@media (max-width: 991px) {
  body #mo_header .mo-header-menu { position:relative !important; }
  body #mo_header .mo-header-menu > .container,
  body #mo_header .mo-header-menu > .main-container { position:relative !important; }
  body #mo_header .mo-header-icon {
    position:absolute !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    width:40px !important;
    height:40px !important;
    right:12px !important;
    left:auto !important;
    top:50% !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
    transform:translateY(-50%) !important;
    -webkit-transform:translateY(-50%) !important;
    overflow:visible !important;
    z-index:10012 !important;
  }
  body #mo_header .mo-header-icon::before,
  body #mo_header .mo-header-icon::after,
  body #mo_header .mo-header-icon span { flex-shrink:0; }
  body #mo_header .saga-mobile-utilities { right:64px !important; }
}
@media (max-width:390px) {
  body #mo_header .mo-header-icon { right:8px !important; width:36px !important; height:36px !important; }
  body #mo_header .saga-mobile-utilities { right:52px !important; }
}


/* White Rose: cleaner mobile menu button with balanced icon sizing. */
@media (max-width: 991px) {
  body #mo_header .bg-header-icon {
    position:absolute !important;
    right:8px !important;
    left:auto !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    -webkit-transform:translateY(-50%) !important;
    width:42px !important;
    height:42px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    z-index:10012 !important;
  }
  body #mo_header .mo-header-icon {
    width:40px !important;
    height:40px !important;
    right:0 !important;
    top:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid rgba(255,255,255,.22) !important;
    border-radius:10px !important;
    background:rgba(255,255,255,.02) !important;
    box-shadow:0 2px 10px rgba(0,0,0,.08) !important;
    overflow:hidden !important;
  }
  body #mo_header .mo-header-icon::before,
  body #mo_header .mo-header-icon::after,
  body #mo_header .mo-header-icon span {
    left:50% !important;
    width:20px !important;
    height:2.5px !important;
    margin-left:-10px !important;
    border-radius:999px !important;
    transform:none !important;
    -webkit-transform:none !important;
  }
  body #mo_header .mo-header-icon::before { top:11px !important; }
  body #mo_header .mo-header-icon span { top:18px !important; }
  body #mo_header .mo-header-icon::after { bottom:11px !important; top:auto !important; }

  body #mo_header .mo-header-icon.active span {
    opacity:0 !important;
    display:block !important;
  }
  body #mo_header .mo-header-icon.active::before {
    top:18px !important;
    transform:rotate(45deg) !important;
    -webkit-transform:rotate(45deg) !important;
  }
  body #mo_header .mo-header-icon.active::after {
    bottom:auto !important;
    top:18px !important;
    transform:rotate(-45deg) !important;
    -webkit-transform:rotate(-45deg) !important;
  }

  body:not(.dark-mode-on) #mo_header .mo-header-icon {
    border-color:#b8c1cf !important;
    background:rgba(255,255,255,.12) !important;
  }
  body.dark-mode-on #mo_header .mo-header-icon {
    border-color:rgba(255,255,255,.28) !important;
    background:rgba(255,255,255,.04) !important;
  }
}
@media (max-width:390px) {
  body #mo_header .bg-header-icon { width:38px !important; height:38px !important; right:6px !important; }
  body #mo_header .mo-header-icon { width:36px !important; height:36px !important; }
  body #mo_header .mo-header-icon::before,
  body #mo_header .mo-header-icon::after,
  body #mo_header .mo-header-icon span { width:18px !important; margin-left:-9px !important; }
  body #mo_header .mo-header-icon::before { top:10px !important; }
  body #mo_header .mo-header-icon span,
  body #mo_header .mo-header-icon.active::before,
  body #mo_header .mo-header-icon.active::after { top:17px !important; }
  body #mo_header .mo-header-icon::after { bottom:10px !important; }
}
