/* MPM shared navigation component. Desktop fly-out menus must not be clipped by an overflow-scrolling parent. */
.mpm-nav-preview, .site-header { font-family: Arial, Helvetica, sans-serif; }
.site-header { padding: 8px 16px 12px; background:#fff; }
.site-header .brand-row { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:0; padding:0; }
.site-header .brand-logo { display:block; width:605px; max-width:calc(100% - 180px); height:auto; }
.site-header .social-links { display:flex; align-items:center; justify-content:flex-end; gap:10px; white-space:nowrap; flex-shrink:0; }
.site-header .social-links a { display:inline-flex; align-items:center; justify-content:center; width:46px; height:46px; border-radius:50%; color:#fff; background:#2f70ad; text-decoration:none; }
.site-header .social-links a:hover, .site-header .social-links a:focus { background:#173f6a; outline:3px solid #a9c9e8; outline-offset:2px; }
.site-header .social-links svg { display:block; width:27px; height:27px; }
.site-header .social-links a.youtube { background:#bd2525; }
.site-header .action-row { display:flex; justify-content:flex-end; gap:10px; margin:0 0 10px; padding:0; flex-wrap:wrap; line-height:1.2; }
.site-header .action-button { display:inline-block; padding:9px 18px; background:#164d82; color:#fff; border:2px solid #164d82; border-radius:5px; text-decoration:none; font-weight:bold; }
.site-header .action-button.auction { background:#367bb8; border-color:#367bb8; }
.site-header .action-button:hover, .site-header .action-button:focus { background:#102e59; border-color:#102e59; text-decoration:underline; }
.site-header .mobile-nav-toggle { display:none; }
.site-header .main-nav { display:flex; align-items:stretch; flex-wrap:nowrap; width:100%; margin:0; padding:0; background:#2f70ad; border-radius:5px; position:relative; z-index:50; }
.site-header .main-nav > a, .site-header .nav-item > a { display:flex; align-items:center; justify-content:center; min-height:48px; box-sizing:border-box; padding:11px 12px; color:#fff; text-align:center; text-decoration:none; font-size:14px; line-height:1.25; font-weight:bold; }
.site-header .main-nav > a { flex:0 0 auto; }
.site-header .nav-item { position:relative; display:flex; align-items:stretch; flex:1 1 auto; min-width:0; }
.site-header .nav-item > a { flex:1 1 auto; }
.site-header .main-nav a:hover, .site-header .main-nav a:focus, .site-header .nav-item:focus-within > a { background:#194f83; }
.site-header .dropdown, .site-header .submenu { display:none; position:absolute; top:100%; left:0; min-width:270px; max-width:min(360px, 90vw); max-height:none; overflow:visible; z-index:1000; background:#fff; border:1px solid #c8d8e8; border-radius:0 0 5px 5px; box-shadow:0 5px 14px rgba(0,0,0,.18); }
.site-header .dropdown a, .site-header .submenu a { display:block; box-sizing:border-box; padding:10px 13px; color:#173c60; background:#fff; text-align:left; text-decoration:none; font-size:14px; font-weight:normal; line-height:1.4; white-space:normal; overflow-wrap:anywhere; border-bottom:1px solid #e8eef4; }
.site-header .dropdown a:hover, .site-header .submenu a:hover, .site-header .dropdown a:focus, .site-header .submenu a:focus { background:#eaf3fb; color:#102e59; }
.site-header .nav-item:hover > .dropdown, .site-header .nav-item:focus-within > .dropdown, .site-header .nav-item.menu-open > .dropdown { display:block; }
.site-header .has-submenu { position:relative; padding-right:0 !important; }
.site-header .has-submenu > a { padding-right:32px; }
.site-header .has-submenu:after { content:'\203A'; position:absolute; right:11px; top:7px; font-size:23px; line-height:1; pointer-events:none; color:#173c60; }
.site-header .has-submenu:hover > .submenu, .site-header .has-submenu:focus-within > .submenu, .site-header .has-submenu.menu-open > .submenu { display:block; }
.site-header .submenu { top:0; left:100%; min-width:290px; }
.site-header .nav-item:nth-last-child(-n+2) > .dropdown { left:auto; right:0; }
.site-header .has-submenu:nth-last-child(-n+2) > .submenu { left:auto; right:100%; }
.site-header .nav-toggle-submenu { display:none; }
@media (max-width:1050px) and (min-width:851px) {
 .site-header { padding-left:12px; padding-right:12px; }
 .site-header .main-nav > a, .site-header .nav-item > a { padding-left:8px; padding-right:8px; font-size:13px; }
 .site-header .brand-logo { width:560px; }
 .site-header .social-links { gap:6px; }
}
@media (max-width:850px) {
 .site-header { padding:10px 12px 12px; }
 .site-header .brand-row { align-items:center; gap:10px; }
 .site-header .brand-logo { width:100%; max-width:100%; }
 .site-header .social-links { gap:5px; }
 .site-header .social-links a { width:38px; height:38px; }
 .site-header .social-links svg { width:23px; height:23px; }
 .site-header .action-row { margin:10px 0; justify-content:flex-start; }
 .site-header .mobile-nav-toggle { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:48px; padding:11px 15px; border:0; border-radius:5px; background:#2f70ad; color:#fff; font-size:16px; font-weight:bold; text-align:left; cursor:pointer; }
 .site-header .mobile-nav-toggle:after { content:'☰'; font-size:22px; line-height:1; }
 .site-header .mobile-nav-toggle[aria-expanded="true"]:after { content:'✕'; }
 .site-header .main-nav { display:none; flex-direction:column; align-items:stretch; margin-top:5px; border-radius:5px; overflow:visible; }
 .site-header .main-nav.mobile-visible { display:flex; }
 .site-header .main-nav > a, .site-header .nav-item > a { min-height:48px; padding:12px 14px; justify-content:space-between; text-align:left; border-bottom:1px solid rgba(255,255,255,.2); }
 .site-header .nav-item { display:grid; grid-template-columns:minmax(0,1fr) 48px; width:100%; }
 .site-header .nav-item > a { grid-column:1; grid-row:1; }
 .site-header .nav-item > .nav-toggle-submenu { grid-column:2; grid-row:1; display:flex; align-items:center; justify-content:center; min-width:48px; min-height:48px; border:0; border-left:1px solid rgba(255,255,255,.2); background:#245f96; color:#fff; font-size:22px; cursor:pointer; }
 .site-header .nav-item > .nav-toggle-submenu:before { content:'+'; }
 .site-header .nav-item.menu-open > .nav-toggle-submenu:before { content:'−'; }
 .site-header .dropdown, .site-header .submenu { position:static; display:none; grid-column:1 / -1; width:100%; min-width:0; max-width:none; max-height:none; overflow:visible; border:0; border-top:1px solid #c8d8e8; border-radius:0; box-shadow:none; }
 .site-header .nav-item.menu-open > .dropdown { display:block; }
 .site-header .dropdown a, .site-header .submenu a { min-height:44px; padding:11px 16px; font-size:14px; }
 .site-header .dropdown .has-submenu { display:grid; grid-template-columns:minmax(0,1fr) 44px; }
 .site-header .dropdown .has-submenu > a { grid-column:1; grid-row:1; padding-right:10px; }
 .site-header .dropdown .has-submenu:after { display:none; }
 .site-header .dropdown .has-submenu > .nav-toggle-submenu { grid-column:2; grid-row:1; display:flex; align-items:center; justify-content:center; min-height:44px; border:0; border-left:1px solid #d7e3ef; background:#edf4fb; color:#173c60; font-size:21px; cursor:pointer; }
 .site-header .dropdown .has-submenu > .nav-toggle-submenu:before { content:'+'; }
 .site-header .dropdown .has-submenu.menu-open > .nav-toggle-submenu:before { content:'−'; }
 .site-header .dropdown .has-submenu > .submenu { grid-column:1 / -1; background:#edf4fb; padding-left:12px; }
 .site-header .dropdown .has-submenu.menu-open > .submenu { display:block; }
 .site-header .submenu a { background:#edf4fb; }
 .site-header .nav-item:hover > .dropdown, .site-header .nav-item:focus-within > .dropdown,
 .site-header .has-submenu:hover > .submenu, .site-header .has-submenu:focus-within > .submenu { display:none; }
 .site-header .nav-item.menu-open > .dropdown, .site-header .has-submenu.menu-open > .submenu { display:block; }
 .site-header .nav-item:nth-last-child(-n+2) > .dropdown { left:auto; right:auto; }
}
@media (max-width:560px) {
 .site-header { padding:9px 9px 11px; }
 .site-header .brand-row { align-items:flex-start; }
 .site-header .brand-logo { width:100%; }
 .site-header .social-links { flex:0 0 auto; gap:4px; }
 .site-header .social-links a { width:32px; height:32px; }
 .site-header .social-links svg { width:20px; height:20px; }
 .site-header .action-button { padding:9px 13px; font-size:14px; }
}

/* Compatibility overrides: prevent legacy mpm-home.css rules from adding duplicate menu indicators. */
.site-header .main-nav .nav-item > a::before,
.site-header .main-nav .nav-item > a::after,
.site-header .main-nav .has-submenu > a::before,
.site-header .main-nav .has-submenu > a::after {
  content: none !important;
  display: none !important;
}
.site-header .main-nav .nav-item,
.site-header .main-nav .has-submenu {
  padding-right: 0 !important;
}
@media (max-width: 850px) {
  .site-header .main-nav .nav-item > .nav-toggle-submenu {
    display: flex !important;
  }
  .site-header .main-nav .dropdown .has-submenu > .nav-toggle-submenu {
    display: flex !important;
  }
  .site-header .main-nav .nav-item > a::before,
  .site-header .main-nav .nav-item > a::after,
  .site-header .main-nav .has-submenu > a::before,
  .site-header .main-nav .has-submenu > a::after {
    content: none !important;
    display: none !important;
  }
}
