/* myMondo 3.1 - final layout rules, loaded after the historic CSS.
   The active image can be a WordPress media photo or the theme SVG. Both
   use the saved pixel widths; older 130-155px max-width rules are defeated. */
body.mm-theme .mm-header .mm-header-inner a.mm-logo {
  box-sizing:border-box !important;display:inline-flex !important;
  flex:0 0 var(--mmwl-logo-desktop,169px) !important;
  flex-basis:var(--mmwl-logo-desktop,169px) !important;
  width:var(--mmwl-logo-desktop,169px) !important;
  max-width:var(--mmwl-logo-desktop,169px) !important;
  min-width:0 !important;align-self:center;
}
body.mm-theme .mm-header .mm-header-inner a.mm-logo img.mm-logo-img,
body.mm-theme .mm-header .mm-header-inner a.mm-logo img.custom-logo {
  display:block !important;box-sizing:border-box !important;
  width:100% !important;max-width:100% !important;min-width:0 !important;
  height:auto !important;max-height:none !important;
  object-fit:contain !important;object-position:left center;
}
body.mm-theme .mm-footer a.mm-footer-logo {
  display:inline-block;box-sizing:border-box !important;
  width:var(--mmwl-logo-desktop,169px) !important;max-width:100% !important;
}
body.mm-theme .mm-footer .mm-footer-logo-img {
  display:block !important;width:100% !important;max-width:100% !important;
  height:auto !important;max-height:none !important;object-fit:contain !important;
}
/* Give a large desktop logo its own line if the center menu would
   otherwise push the header wider than the screen. */
@media (min-width:981px) {
  body.mm-theme .mm-header.mm-logo-desktop-large .mm-header-inner,
  body.mm-theme .mm-header .mm-header-inner.mm-needs-two-rows {
    display:grid !important;grid-template-columns:minmax(0,1fr) auto;
    column-gap:14px !important;row-gap:0 !important;
    padding-top:9px;padding-bottom:7px;
  }
  body.mm-theme .mm-header.mm-logo-desktop-large .mm-header-inner > a.mm-logo,
  body.mm-theme .mm-header .mm-header-inner.mm-needs-two-rows > a.mm-logo {grid-column:1;grid-row:1;}
  body.mm-theme .mm-header.mm-logo-desktop-large .mm-header-inner > .mm-head-right,
  body.mm-theme .mm-header .mm-header-inner.mm-needs-two-rows > .mm-head-right {
    grid-column:2;grid-row:1;justify-self:end;margin-left:0;
  }
  body.mm-theme .mm-header.mm-logo-desktop-large .mm-header-inner > .mm-nav,
  body.mm-theme .mm-header .mm-header-inner.mm-needs-two-rows > .mm-nav {
    grid-column:1/-1;grid-row:2;justify-self:center;min-width:0;
    width:100%;max-width:100%;margin:0;
  }
  body.mm-theme .mm-header.mm-logo-desktop-large .mm-nav-links,
  body.mm-theme .mm-header .mm-header-inner.mm-needs-two-rows .mm-nav-links {justify-content:center;flex-wrap:wrap;gap:clamp(8px,1.5vw,25px);}
  body.mm-theme .mm-header.mm-logo-desktop-large .mm-nav-links>li>a,
  body.mm-theme .mm-header .mm-header-inner.mm-needs-two-rows .mm-nav-links>li>a {padding:12px 0;}
}
@media (min-width:981px) and (max-width:1280px){
  body.mm-theme .mm-header:not(.mm-logo-desktop-large) .mm-header-inner{
    display:grid !important;grid-template-columns:minmax(0,1fr) auto;row-gap:0 !important;
    padding-top:7px;padding-bottom:5px;
  }
  body.mm-theme .mm-header:not(.mm-logo-desktop-large) .mm-header-inner>a.mm-logo{grid-column:1;grid-row:1;}
  body.mm-theme .mm-header:not(.mm-logo-desktop-large) .mm-header-inner>.mm-head-right{grid-column:2;grid-row:1;justify-self:end;}
  body.mm-theme .mm-header:not(.mm-logo-desktop-large) .mm-header-inner>.mm-nav{grid-column:1/-1;grid-row:2;width:100%;margin:0;}
  body.mm-theme .mm-header:not(.mm-logo-desktop-large) .mm-nav-links{justify-content:center;flex-wrap:wrap;}
  body.mm-theme .mm-header:not(.mm-logo-desktop-large) .mm-nav-links>li>a{padding:12px 0;}
}
/* Unrestricted dropdown: natural page scrolling, no inner scrolling box.
   Its nested UL must not be 100%-wide *plus* margins (that caused the bar). */
@media (max-width:980px){
  body.mm-theme .mm-header .mm-header-inner {
    display:grid !important;grid-template-columns:minmax(0,1fr) auto 42px;
    align-items:center !important;column-gap:8px !important;row-gap:0 !important;
    position:relative;max-width:100%;min-width:0;
  }
  body.mm-theme .mm-header .mm-header-inner>a.mm-logo{
    grid-column:1;grid-row:1;flex:none !important;flex-basis:auto !important;
    width:min(var(--mmwl-logo-mobile,130px),100%) !important;
    max-width:100% !important;min-width:0 !important;margin:0 !important;
  }
  body.mm-theme .mm-header .mm-header-inner>.mm-head-right{
    grid-column:2;grid-row:1;justify-self:end;order:unset !important;
    margin:0 !important;min-width:0;gap:6px !important;
  }
  body.mm-theme .mm-header .mm-header-inner>.mm-hamburger{
    grid-column:3;grid-row:1;justify-self:end;order:unset !important;
    display:block !important;margin:0 !important;
  }
  body.mm-theme .mm-header .mm-header-inner>.mm-nav {
    grid-column:1/-1;grid-row:2;position:static !important;
    display:none !important;order:unset !important;
    width:100% !important;max-width:100% !important;min-width:0 !important;
    max-height:none !important;height:auto !important;
    overflow:visible !important;overscroll-behavior:auto !important;
    margin:0 !important;padding:6px 0 13px !important;
    background:#fff !important;box-shadow:none !important;
  }
  body.mm-theme .mm-header .mm-header-inner>.mm-nav.mm-open{display:block !important;}
  body.mm-theme .mm-header .mm-nav-links,
  body.mm-theme .mm-header .mm-nav-links>li{
    width:100% !important;max-width:100% !important;min-width:0 !important;
    box-sizing:border-box !important;
  }
  body.mm-theme .mm-header .mm-nav-links{margin:0 !important;padding:0 !important;overflow:visible !important;}
  body.mm-theme .mm-header .mm-nav-links li>.sub-menu,
  body.mm-theme .mm-header .mm-nav-links li>.sub-menu .sub-menu{
    box-sizing:border-box !important;position:static !important;
    width:auto !important;min-width:0 !important;max-width:calc(100% - 10px) !important;
    margin:0 0 8px 10px !important;padding:4px 6px 7px !important;
    overflow:visible !important;grid-template-columns:1fr !important;
    overflow-wrap:anywhere;
  }
  /* Keep sticky headers sticky while their mobile menu is expanded. */
  body.mm-theme.mm-nav-expanded{overflow-x:clip;}
  html:has(body.mm-nav-expanded){overflow-x:clip;}
  /* If mobile logo > 185px, put action buttons on a separate row.
     The chosen logo width then ACTUALLY grows instead of being capped. */
  body.mm-theme .mm-header.mm-logo-mobile-large .mm-header-inner {
    grid-template-rows:auto auto auto;row-gap:5px !important;
    padding-top:10px;padding-bottom:9px;
  }
  body.mm-theme .mm-header.mm-logo-mobile-large .mm-header-inner>a.mm-logo {
    grid-column:1/-1;grid-row:1;justify-self:start;
    width:min(var(--mmwl-logo-mobile,130px),100%) !important;
    max-width:100% !important;
  }
  body.mm-theme .mm-header.mm-logo-mobile-large .mm-header-inner>.mm-head-right{grid-column:2;grid-row:2;}
  body.mm-theme .mm-header.mm-logo-mobile-large .mm-header-inner>.mm-hamburger{grid-column:3;grid-row:2;}
  body.mm-theme .mm-header.mm-logo-mobile-large .mm-header-inner>.mm-nav{grid-column:1/-1;grid-row:3;}
  body.mm-theme .mm-footer a.mm-footer-logo{
    width:min(var(--mmwl-logo-mobile,130px),100%) !important;max-width:100% !important;
  }
}
/* Track-parcel action never has a decorative arrow. */
body.mm-theme .mm-header .mm-head-cta>span[aria-hidden="true"]{display:none !important;}


/* v3.3.0 — brand vertically aligned to the navigation; no separate logo row.
   The logo stays flush against the LEFT inner edge of the header container.
   Large logos are kept beside navigation (navigation may wrap internally).
   Mobile logo never forces the cart/hamburger to a lower row. */
@media (min-width:981px){
  body.mm-theme .mm-header .mm-header-inner,
  body.mm-theme .mm-header.mm-logo-desktop-large .mm-header-inner,
  body.mm-theme .mm-header .mm-header-inner.mm-needs-two-rows {
    display:grid !important;
    grid-template-columns:minmax(0,var(--mmwl-logo-desktop,169px)) minmax(0,1fr) auto !important;
    grid-template-rows:auto !important;
    align-items:center !important;
    column-gap:clamp(10px,1.4vw,25px) !important;
    row-gap:0 !important;
    padding-block:10px !important;
    min-width:0 !important;
  }
  body.mm-theme .mm-header .mm-header-inner>a.mm-logo,
  body.mm-theme .mm-header.mm-logo-desktop-large .mm-header-inner>a.mm-logo,
  body.mm-theme .mm-header .mm-header-inner.mm-needs-two-rows>a.mm-logo {
    grid-column:1 !important;grid-row:1 !important;
    justify-self:start !important;align-self:center !important;
    margin:0 !important;min-width:0 !important;
    width:min(var(--mmwl-logo-desktop,169px),100%) !important;
    max-width:100% !important;
  }
  body.mm-theme .mm-header .mm-header-inner>.mm-nav,
  body.mm-theme .mm-header.mm-logo-desktop-large .mm-header-inner>.mm-nav,
  body.mm-theme .mm-header .mm-header-inner.mm-needs-two-rows>.mm-nav {
    grid-column:2 !important;grid-row:1 !important;
    justify-self:stretch !important;align-self:center !important;
    width:100% !important;max-width:100% !important;
    min-width:0 !important;margin:0 !important;
  }
  body.mm-theme .mm-header .mm-header-inner>.mm-head-right,
  body.mm-theme .mm-header.mm-logo-desktop-large .mm-header-inner>.mm-head-right,
  body.mm-theme .mm-header .mm-header-inner.mm-needs-two-rows>.mm-head-right {
    grid-column:3 !important;grid-row:1 !important;
    justify-self:end !important;align-self:center !important;
    margin:0 !important;
  }
  body.mm-theme .mm-header .mm-nav-links,
  body.mm-theme .mm-header.mm-logo-desktop-large .mm-nav-links,
  body.mm-theme .mm-header .mm-header-inner.mm-needs-two-rows .mm-nav-links {
    display:flex !important;align-items:center !important;
    justify-content:center !important;flex-wrap:wrap !important;
    gap:3px clamp(7px,1vw,22px) !important;
    max-width:100% !important;min-width:0 !important;
  }
  body.mm-theme .mm-header .mm-nav-links>li>a,
  body.mm-theme .mm-header.mm-logo-desktop-large .mm-nav-links>li>a,
  body.mm-theme .mm-header .mm-header-inner.mm-needs-two-rows .mm-nav-links>li>a {
    padding-block:10px !important;overflow-wrap:break-word;
  }
}
@media (max-width:980px){
  body.mm-theme .mm-header .mm-header-inner,
  body.mm-theme .mm-header.mm-logo-mobile-large .mm-header-inner {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto 42px !important;
    grid-template-rows:auto auto !important;
    align-items:center !important;
    column-gap:8px !important;row-gap:0 !important;
    padding-block:9px !important;
  }
  body.mm-theme .mm-header .mm-header-inner>a.mm-logo,
  body.mm-theme .mm-header.mm-logo-mobile-large .mm-header-inner>a.mm-logo {
    grid-column:1 !important;grid-row:1 !important;
    justify-self:start !important;align-self:center !important;
    width:min(var(--mmwl-logo-mobile,130px),100%) !important;
    max-width:100% !important;min-width:0 !important;margin:0 !important;
  }
  body.mm-theme .mm-header .mm-header-inner>.mm-head-right,
  body.mm-theme .mm-header.mm-logo-mobile-large .mm-header-inner>.mm-head-right {
    grid-column:2 !important;grid-row:1 !important;
    justify-self:end !important;align-self:center !important;
    margin:0 !important;
  }
  body.mm-theme .mm-header .mm-header-inner>.mm-hamburger,
  body.mm-theme .mm-header.mm-logo-mobile-large .mm-header-inner>.mm-hamburger {
    grid-column:3 !important;grid-row:1 !important;
    justify-self:end !important;align-self:center !important;
    margin:0 !important;
  }
  body.mm-theme .mm-header .mm-header-inner>.mm-nav,
  body.mm-theme .mm-header.mm-logo-mobile-large .mm-header-inner>.mm-nav {
    grid-column:1/-1 !important;grid-row:2 !important;
    width:100% !important;max-width:100% !important;
  }
}