/* NOTW v38 — one consistent partner panel + menu control on all site templates.
   Loaded after the older styles so page-specific legacy overrides cannot change
   the approved Matchpoint-sized panel. No changes to other page content. */

/* Matchpoint reference geometry (348 × 145); shared by every other page. */
html body.notw-universe.notw-universe.notw-universe.notw-universe:not(:has(.partner-page-list)) .notw-v15-partners {
  display:block!important;
  position:absolute!important;
  inset:110px clamp(18px,3vw,52px) auto auto!important;
  top:110px!important;
  right:clamp(18px,3vw,52px)!important;
  bottom:auto!important;
  left:auto!important;
  box-sizing:border-box!important;
  width:348px!important;
  min-width:348px!important;
  max-width:348px!important;
  height:145px!important;
  min-height:145px!important;
  max-height:145px!important;
  padding:14px 14px 13px!important;
  margin:0!important;
  transform:none!important;
  float:none!important;
  clear:none!important;
  overflow:visible!important;
  z-index:90!important;
  pointer-events:none!important;
}
html body.notw-universe.notw-universe:not(:has(.partner-page-list)) .notw-v15-partner-inner {
  width:100%!important;
  padding:0!important;
  margin:0!important;
}
html body.notw-universe.notw-universe:not(:has(.partner-page-list)) .notw-v15-partner-kicker {
  font-size:10px!important;
  line-height:1.2!important;
  margin:0 0 9px!important;
  letter-spacing:.18em!important;
}
html body.notw-universe.notw-universe:not(:has(.partner-page-list)) .notw-v15-partner-grid {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  margin:0!important;
}
html body.notw-universe.notw-universe:not(:has(.partner-page-list)) .notw-v15-partner {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:45px!important;
  min-height:45px!important;
  max-height:45px!important;
  padding:5px 8px!important;
  overflow:visible!important;
}
/* No floating sponsor duplicate on the full Partners directory. */
html body.notw-universe:has(.partner-page-list) .notw-v15-partners {display:none!important;}

/* One hamburger, one visual size and the same opened/hover treatment.
   Both menus continue using the existing shared notw-nav-v8.js logic. */
html body.notw-universe.notw-universe .header .notw-menu-trigger,
html body.notw-universe.notw-universe.home-page .header .notw-header-dropdown .notw-menu-trigger,
html body.notw-universe.notw-universe .topbar .notw-mp-menu-trigger {
  display:inline-flex!important;
  appearance:none!important;
  box-sizing:border-box!important;
  flex:0 0 40px!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  padding:0!important;
  margin:0!important;
  border-radius:10px!important;
  background:linear-gradient(145deg,rgba(28,72,118,.97),rgba(12,36,72,.97))!important;
  border:1px solid rgba(129,194,255,.55)!important;
  color:#d5eaff!important;
  cursor:pointer!important;
  touch-action:manipulation;
  z-index:10022!important;
}
html body.notw-universe .header .notw-menu-trigger:hover,
html body.notw-universe .header .notw-menu-trigger[aria-expanded="true"],
html body.notw-universe .topbar .notw-mp-menu-trigger:hover,
html body.notw-universe .topbar .notw-mp-menu-trigger[aria-expanded="true"] {
  background:linear-gradient(130deg,#245990,#163f70)!important;
  border-color:#9bd4ff!important;
}
html body.notw-universe .header .notw-menu-trigger .notw-menu-text,
html body.notw-universe .topbar .notw-mp-menu-trigger .notw-mp-menu-text {display:none!important;}
html body.notw-universe .header .notw-menu-trigger .notw-menu-glyph,
html body.notw-universe .topbar .notw-mp-menu-trigger .notw-menu-glyph {
  display:flex!important;
  flex:0 0 18px!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  width:18px!important;
  height:16px!important;
}
html body.notw-universe .header .notw-menu-glyph i,
html body.notw-universe .topbar .notw-menu-glyph i {
  display:block!important;
  width:18px!important;
  height:2px!important;
  border-radius:2px!important;
  background:#9bd4ff!important;
}
html body.notw-universe .header .notw-menu-trigger[aria-expanded="true"] .notw-menu-glyph i:first-child,
html body.notw-universe .topbar .notw-mp-menu-trigger[aria-expanded="true"] .notw-menu-glyph i:first-child {transform:translateY(7px) rotate(45deg)!important;}
html body.notw-universe .header .notw-menu-trigger[aria-expanded="true"] .notw-menu-glyph i:nth-child(2),
html body.notw-universe .topbar .notw-mp-menu-trigger[aria-expanded="true"] .notw-menu-glyph i:nth-child(2) {opacity:0!important;}
html body.notw-universe .header .notw-menu-trigger[aria-expanded="true"] .notw-menu-glyph i:last-child,
html body.notw-universe .topbar .notw-mp-menu-trigger[aria-expanded="true"] .notw-menu-glyph i:last-child {transform:translateY(-7px) rotate(-45deg)!important;}

/* The sponsor panel stays in the same document row underneath every mobile header. */
@media(max-width:1000px) {
  html body.notw-universe.notw-universe.notw-universe.notw-universe:not(:has(.partner-page-list)) .notw-v15-partners {
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    display:block!important;
    width:min(420px,calc(100vw - 32px))!important;
    min-width:0!important;
    max-width:420px!important;
    height:157px!important;
    min-height:157px!important;
    max-height:157px!important;
    padding:13px 14px 14px!important;
    margin:14px auto 16px!important;
    float:none!important;
    clear:both!important;
    transform:none!important;
    z-index:5!important;
  }
  html body.notw-universe.notw-universe:not(:has(.partner-page-list)) .notw-v15-partner {
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
  }
}

/* Only the mobile homepage is shortened: art begins right after the partner card.
   The desktop hero, earth artwork and all other page layouts stay untouched. */
@media(max-width:700px) {
  html body.notw-universe.home-page .home-only-logo-hero,
  html body.notw-universe.home-page .home-only-logo-inner {
    min-height:0!important;
    height:clamp(320px,calc(100svh - 410px),430px)!important;
    max-height:430px!important;
  }
  html body.notw-universe.home-page .notw-complete-earth {
    top:-70px!important;
  }
  html body.notw-universe.home-page .home-only-logo-anim {
    top:0px!important;
    width:min(88vw,430px)!important;
  }
  html body.notw-universe.home-page .notw-home-tagline {
    top:205px!important;
  }
  html body.notw-universe.home-page .notw-home-subtitle {
    top:231px!important;
  }
}
@media(max-width:380px) {
  html body.notw-universe.home-page .notw-home-tagline {top:193px!important;}
  html body.notw-universe.home-page .notw-home-subtitle {top:219px!important;}
}
