/* Only containers explicitly opted into the companion receive these styles. */
#quadmenu.mqc-navigation { --mqc-accent:#38577b; --mqc-panel:320px; --mqc-child-panel:288px; --mqc-row:42px; }
#quadmenu.mqc-navigation, #quadmenu.mqc-navigation * { box-sizing:border-box; }
#quadmenu.mqc-navigation .mqc-item > a > .quadmenu-item-content { box-sizing:border-box; line-height:1.4; }
#quadmenu.mqc-navigation .mqc-item > a { text-decoration:none!important; }
#quadmenu.mqc-navigation .mqc-custom-icon > a > .quadmenu-item-content,
#quadmenu.mqc-navigation .mqc-item.quadmenu-has-icon:not(.mqc-no-icon) > a > .quadmenu-item-content {
  display:grid!important; grid-template-columns:max(var(--mqc-icon-size,28px),calc(var(--mqc-icon-size,28px) * var(--mqc-icon-scale,1))) minmax(0,1fr); align-items:center; gap:2px 10px;
}
#quadmenu.mqc-navigation .mqc-root.mqc-custom-icon > a > .quadmenu-item-content,
#quadmenu.mqc-navigation .mqc-root.quadmenu-has-icon:not(.mqc-no-icon) > a > .quadmenu-item-content { grid-template-columns:var(--mqc-icon-size,24px) minmax(0,1fr); gap:0 9px; }
#quadmenu.mqc-navigation .mqc-item > a > .quadmenu-item-content > .mqc-icon,
#quadmenu.mqc-navigation .mqc-item > a > .quadmenu-item-content > .quadmenu-icon {
  display:block; position:static!important; grid-column:1; grid-row:1; justify-self:center; align-self:center;
  width:calc(var(--mqc-icon-size,24px) * var(--mqc-icon-scale,1)); height:calc(var(--mqc-icon-size,24px) * var(--mqc-icon-scale,1)); font-size:calc(var(--mqc-icon-size,24px) * var(--mqc-icon-scale,1));
  line-height:1; padding:0!important; margin:0!important; color:var(--mqc-accent)!important; pointer-events:none;
}
#quadmenu.mqc-navigation .mqc-icon img { display:block; width:100%; height:100%; max-width:none; object-fit:contain; }
#quadmenu.mqc-navigation .mqc-symbol { background:currentColor; -webkit-mask:var(--mqc-symbol) center/contain no-repeat; mask:var(--mqc-symbol) center/contain no-repeat; }
#quadmenu.mqc-navigation :is(.mqc-custom-icon,.mqc-no-icon) > a > .quadmenu-item-content > .quadmenu-icon { display:none!important; }
#quadmenu.mqc-navigation .mqc-item > a > .quadmenu-item-content > .quadmenu-text {
  padding:0!important; margin:0; grid-column:2; grid-row:1; line-height:1.4; white-space:normal; overflow-wrap:normal; word-break:normal; hyphens:none;
}
#quadmenu.mqc-navigation .mqc-item:not(.mqc-root) > a > .quadmenu-item-content > .quadmenu-text { font-weight:inherit!important; color:inherit!important; }
#quadmenu.mqc-navigation .mqc-root:is(:hover,:focus-within,.open) > a { background:var(--mqc-accent)!important; color:#fff!important; }
#quadmenu.mqc-navigation .mqc-root:is(:hover,:focus-within,.open) > a > .quadmenu-item-content > :is(.quadmenu-text,.quadmenu-caret,.mqc-icon,.quadmenu-icon) { color:#fff!important; }
#quadmenu.mqc-navigation .mqc-root:is(:hover,:focus-within,.open) > a .quadmenu-caret { background:transparent!important; }
#quadmenu.mqc-navigation .mqc-root:is(:hover,:focus-within,.open) > a .mqc-icon:has(img) { background:#edf2f7; border-radius:4px; }
#quadmenu.mqc-navigation .mqc-item a:focus-visible { outline:2px solid var(--mqc-accent); outline-offset:-3px; }
#quadmenu.mqc-navigation .mqc-item .quadmenu-subtitle { display:none!important; }
#quadmenu.mqc-navigation .mqc-badge { display:inline-block; grid-column:2; justify-self:start; color:var(--mqc-accent); background:#eaf0f5; border-radius:3px; padding:2px 6px; margin-left:6px; font-size:10px; font-weight:700; letter-spacing:.03em; line-height:1.4; }
#quadmenu.mqc-navigation .mqc-custom-icon > a .mqc-badge { margin-left:0; }
#quadmenu.mqc-navigation .mqc-summary { display:block; grid-column:2; font-size:12px; font-weight:400; line-height:1.45; color:#526273; margin-top:3px; white-space:normal; }
#quadmenu.mqc-navigation .mqc-highlight > a { border-left:3px solid var(--mqc-accent)!important; background:#f7f9fb; }
/* QuadMenu decides the desktop/mobile breakpoint. */
#quadmenu.mqc-navigation.quadmenu-is-horizontal .mqc-root { position:relative!important; }
#quadmenu.mqc-navigation.quadmenu-is-horizontal .mqc-root > a > .quadmenu-item-content { padding:0 30px 0 12px!important; min-height:24px; }
#quadmenu.mqc-navigation.quadmenu-is-horizontal .mqc-root > a .quadmenu-text { white-space:nowrap; }
#quadmenu.mqc-navigation.quadmenu-is-horizontal .mqc-root > .quadmenu-dropdown-menu {
  position:absolute!important; left:var(--mqc-panel-offset,0px)!important; right:auto!important; top:100%!important;
  width:var(--mqc-panel-used,var(--mqc-panel))!important; min-width:0!important; max-width:calc(100vw - 24px)!important;
  height:auto!important; padding:0!important; margin:0!important; transform:none!important;
  background:#fff!important; border:1px solid #dfe6ee!important; border-top:3px solid var(--mqc-accent)!important;
  box-shadow:0 5px 16px #1d304521!important; overflow:visible!important;
}
#quadmenu.mqc-navigation.quadmenu-is-horizontal .mqc-root > .quadmenu-dropdown-menu > ul {
  display:block!important; position:static!important; width:100%!important; height:auto!important;
  max-height:var(--mqc-available,60vh)!important; box-sizing:border-box; padding:8px!important; margin:0!important; overflow-y:auto!important; overflow-x:hidden!important; overscroll-behavior:contain; scrollbar-gutter:stable;
}
#quadmenu.mqc-navigation.quadmenu-is-horizontal .mqc-root > .quadmenu-dropdown-menu > ul::before,
#quadmenu.mqc-navigation.quadmenu-is-horizontal .mqc-root > .quadmenu-dropdown-menu > ul::after { display:none!important; }
#quadmenu.mqc-navigation.quadmenu-is-horizontal :is(.mqc-column,.mqc-column > div,.mqc-column > div > ul) {
  display:block!important; position:static!important; float:none!important; flex:none!important;
  box-sizing:border-box; width:100%!important; max-width:none!important; min-width:0!important;
  height:auto!important; margin:0!important; padding:0!important; border:0!important; overflow:visible!important;
}
#quadmenu.mqc-navigation.quadmenu-is-horizontal .mqc-column + .mqc-column { border-top:1px solid #e6ebf0!important; margin-top:5px!important; padding-top:5px!important; }
#quadmenu.mqc-navigation.quadmenu-is-horizontal .mqc-item:not(.mqc-root):not(.mqc-column) {
  position:static!important; box-sizing:border-box; width:100%!important; height:auto!important; margin:0!important; padding:0!important; border:0!important;
}
#quadmenu.mqc-navigation.quadmenu-is-horizontal .mqc-item:not(.mqc-root) > a {
  display:block!important; height:auto!important; min-height:0!important; margin:0!important; padding:0!important;
  border-top:0!important; border-bottom:0!important; border-right:0!important;
}
#quadmenu.mqc-navigation.quadmenu-is-horizontal .mqc-item:not(.mqc-root) > a > .quadmenu-item-content {
  padding:4px 26px 4px 9px!important; height:auto!important; min-height:var(--mqc-row)!important; font-size:14px!important; font-weight:600!important; color:var(--mqc-accent)!important;
}
#quadmenu.mqc-navigation.quadmenu-is-horizontal .mqc-item.mqc-depth-2 > a > .quadmenu-item-content,
#quadmenu.mqc-navigation.quadmenu-is-horizontal .mqc-item.mqc-depth-3 > a > .quadmenu-item-content { font-size:13px!important; font-weight:400!important; color:#435365!important; }
#quadmenu.mqc-navigation .mqc-item:not(.mqc-root) > a:is(:hover,:focus-visible) { background:#f0f4f8!important; }
#quadmenu.mqc-navigation.quadmenu-is-horizontal .mqc-depth-1:not(.mqc-column) > a { background:transparent!important; }
#quadmenu.mqc-navigation.quadmenu-is-horizontal .mqc-depth-1.mqc-active > a { background:#f0f4f8!important; }
#quadmenu.mqc-navigation.quadmenu-is-horizontal .mqc-depth-1 > .quadmenu-dropdown-menu {
  display:none!important; position:absolute!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important;
  top:var(--mqc-child-top,-1px)!important; bottom:auto!important; left:100%!important; right:auto!important; float:none!important;
  width:var(--mqc-child-used,var(--mqc-child-panel))!important; min-width:0!important; max-width:calc(100vw - 24px)!important;
  height:auto!important; min-height:0!important; max-height:var(--mqc-available,60vh)!important; overflow-y:auto!important; overscroll-behavior:contain; margin:0!important; padding:8px!important; transform:none!important;
  background:#fff!important; border:1px solid #dfe6ee!important; border-top:3px solid var(--mqc-accent)!important;
  box-shadow:0 5px 16px #1d304521!important; transition:none!important; animation:none!important;
}
#quadmenu.mqc-navigation.quadmenu-is-horizontal .mqc-depth-1 > .quadmenu-dropdown-menu > ul { width:100%!important; padding:0!important; margin:0!important; height:auto!important; overflow:visible!important; }
#quadmenu.mqc-navigation.quadmenu-is-horizontal .mqc-root:is(:hover,:focus-within,.open) > .quadmenu-dropdown-menu,
#quadmenu.mqc-navigation.quadmenu-is-horizontal .mqc-depth-1.mqc-active > .quadmenu-dropdown-menu {
  display:block!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important;
}
/* The scrolling category list is static-positioned: its side flyouts are positioned
   against the outer panel and remain outside the category scrollbar's clipping box. */
#quadmenu.mqc-navigation.quadmenu-is-horizontal .mqc-root :is(.ps-scrollbar-x-rail,.ps-scrollbar-y-rail) { display:none!important; }
/* No forced visibility or positioning on mobile: native QuadMenu accordions remain. */
#quadmenu.mqc-navigation:not(.quadmenu-is-horizontal) .mqc-item > a > .quadmenu-item-content { padding-right:50px; }
#quadmenu.mqc-navigation:not(.quadmenu-is-horizontal) :is(.mqc-column,.mqc-column > div,.mqc-column > div > ul) { padding:0!important; margin:0!important; width:100%!important; }
#quadmenu.mqc-navigation:not(.quadmenu-is-horizontal) .mqc-root > .quadmenu-dropdown-menu,
#quadmenu.mqc-navigation:not(.quadmenu-is-horizontal) .mqc-root > .quadmenu-dropdown-menu > ul { padding:0!important; margin:0!important; }
#quadmenu.mqc-navigation:not(.quadmenu-is-horizontal) .mqc-depth-1 > a > .quadmenu-item-content { padding:12px 44px 12px 12px!important; }
#quadmenu.mqc-navigation:not(.quadmenu-is-horizontal) .mqc-depth-2 > a > .quadmenu-item-content { padding:12px 44px 12px 24px!important; }
#quadmenu.mqc-navigation .mqc-root.mqc-dismissed > .quadmenu-dropdown-menu,
#quadmenu.mqc-navigation.quadmenu-is-horizontal .mqc-root.mqc-dismissed > .quadmenu-dropdown-menu { display:none!important; visibility:hidden!important; pointer-events:none!important; }
@media (prefers-reduced-motion:reduce) { #quadmenu.mqc-navigation .mqc-item > .quadmenu-dropdown-menu { transition:none!important; animation:none!important; } }
