/* =========================================================
   MATCHGAUGE GLOBAL NAV STANDARD — FINAL
   ========================================================= */

body .nav{
  width:100%!important;
  height:96px!important;
  min-height:96px!important;
  display:flex!important;
  align-items:center!important;
  padding:0!important;
  margin:0!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border-bottom:1px solid rgba(15,23,42,.08)!important;
  position:relative!important;
  z-index:1000!important;
}

a[href="#profile-score-coming-soon"]{
  cursor:not-allowed!important;
}

.profile-score-soon-cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}

.profile-score-soon-card{
  cursor:not-allowed!important;
}

.profile-score-soon-card strong{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}

.coming-soon-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:22px!important;
  padding:3px 9px!important;
  border-radius:999px!important;
  background:#111827!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.28)!important;
  font-size:10px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  box-shadow:0 8px 18px rgba(15,23,42,.16)!important;
}

.site-footer .coming-soon-pill{
  margin-left:6px!important;
  background:#E4197E!important;
  color:#fff!important;
}

/* Site-wide professional section labels.
   This file loads late on most pages, so it normalizes labels that have page-specific class names. */
html body .eyebrow,
html body .about-kicker,
html body .review-kicker,
html body .rv-desc-kicker,
html body .section-kicker,
html body .section-label,
html body .art-kicker,
html body .art-section-kicker,
html body .advice-panel-kicker,
html body .compare-kicker,
html body .tool-label,
html body .mg-ecosystem-kicker,
html body .reviews-flow-kicker,
html body .page-hero-label,
html body .ms-kicker,
html body .section-title{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  width:auto!important;
  max-width:100%!important;
  min-height:30px!important;
  margin:0 0 14px!important;
  padding:7px 12px 7px 10px!important;
  border:1px solid rgba(13,27,62,.11)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#0d1b3e!important;
  box-shadow:0 10px 24px rgba(13,27,62,.08)!important;
  font-family:'DM Sans',Arial,sans-serif!important;
  font-size:.68rem!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
  line-height:1!important;
  text-transform:uppercase!important;
  text-align:left!important;
}

html body .eyebrow::before,
html body .about-kicker::before,
html body .review-kicker::before,
html body .rv-desc-kicker::before,
html body .section-kicker::before,
html body .section-label::before,
html body .art-kicker::before,
html body .art-section-kicker::before,
html body .advice-panel-kicker::before,
html body .compare-kicker::before,
html body .tool-label::before,
html body .mg-ecosystem-kicker::before,
html body .reviews-flow-kicker::before,
html body .page-hero-label::before,
html body .ms-kicker::before,
html body .section-title::before{
  content:""!important;
  display:inline-block!important;
  width:8px!important;
  height:8px!important;
  border-radius:999px!important;
  background:#e4197e!important;
  box-shadow:0 0 0 4px rgba(228,25,126,.13)!important;
  flex:0 0 auto!important;
}

html body .section-title > span{
  display:inline!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  box-shadow:none!important;
}

html body .compare-kicker::before,
html body .tool-label::before,
html body .reviews-flow-kicker::before,
html body .page-hero-label::before{
  background:#1e4bd4!important;
  box-shadow:0 0 0 4px rgba(30,75,212,.13)!important;
}

html body .about-kicker::before,
html body .review-kicker::before,
html body .rv-desc-kicker::before,
html body .section-kicker::before,
html body .ms-kicker::before{
  background:#7a22d4!important;
  box-shadow:0 0 0 4px rgba(122,34,212,.13)!important;
}

html body .mg-ecosystem-kicker::before{
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(255,255,255,.16)!important;
}

html body .mg-ecosystem-kicker{
  border-color:rgba(255,255,255,.22)!important;
  background:rgba(255,255,255,.12)!important;
  color:rgba(255,255,255,.9)!important;
}

html body .section-divider.reviews-section-kicker,
html body .reviews-section-kicker{
  width:100%!important;
  display:flex!important;
  justify-content:center!important;
}

html body .reviews-section-kicker .section-divider-text{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  min-height:30px!important;
  padding:7px 12px!important;
  border:1px solid rgba(13,27,62,.11)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#0d1b3e!important;
  box-shadow:0 10px 24px rgba(13,27,62,.08)!important;
  font-size:.68rem!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
  line-height:1!important;
  text-transform:uppercase!important;
}

html body .reviews-section-kicker .section-divider-dot{
  width:8px!important;
  height:8px!important;
  background:#e4197e!important;
  box-shadow:0 0 0 4px rgba(228,25,126,.13)!important;
}

@media(max-width:640px){
  html body .eyebrow,
  html body .about-kicker,
  html body .review-kicker,
  html body .rv-desc-kicker,
  html body .section-kicker,
  html body .section-label,
  html body .art-kicker,
  html body .art-section-kicker,
  html body .advice-panel-kicker,
  html body .compare-kicker,
  html body .tool-label,
  html body .mg-ecosystem-kicker,
  html body .reviews-flow-kicker,
  html body .page-hero-label,
  html body .ms-kicker,
  html body .section-title,
  html body .reviews-section-kicker .section-divider-text{
    min-height:28px!important;
    padding:7px 10px 7px 9px!important;
    font-size:.62rem!important;
    letter-spacing:.1em!important;
    white-space:normal!important;
  }
}

/* Final label contrast fixes for page-specific overrides. */
html body .reviews-flow-kicker.reviews-flow-kicker,
html body .advice-panel-kicker.advice-panel-kicker,
html body .section-label.section-label,
html body .tool-label.tool-label{
  background:#fff!important;
  color:#0d1b3e!important;
}

html body .section-title.section-title{
  min-height:30px!important;
  padding:7px 12px 7px 10px!important;
  line-height:1!important;
}

html body .section-title.section-title > span{
  line-height:1!important;
}

html body .compare-page .compare-kicker.compare-kicker,
html body .page-hero .eyebrow.eyebrow,
html body .review-hero .eyebrow.eyebrow,
html body .advice-hero .eyebrow.eyebrow,
html body .mg-ecosystem-kicker.mg-ecosystem-kicker{
  border-color:rgba(255,255,255,.22)!important;
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
}

html body.advice-page .advice-hero-panel .advice-panel-kicker.advice-panel-kicker{
  background:#fff!important;
  color:#0d1b3e!important;
}

html body.compare-page .section-title.section-title{
  min-height:30px!important;
  padding:7px 12px 7px 10px!important;
  line-height:1!important;
}

html body.compare-page .section-title.section-title > span{
  display:inline!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  box-shadow:none!important;
  font-size:inherit!important;
  line-height:1!important;
}

/* Final canonical nav order guard.
   Active-page styling must never move the selected link. */
html body .nav .nav-links li{
  order:initial!important;
}

html body .nav .nav-links li:has(a[href="/"]),
html body .nav .nav-links li:has(a[href="/index.html"]),
html body .nav .nav-links li:has(a[href="index.html"]),
html body .nav .nav-links li:has(a[href="../index.html"]){
  order:1!important;
}

html body .nav .nav-links li:has(a[href="/reviews"]),
html body .nav .nav-links li:has(a[href="/reviews.html"]),
html body .nav .nav-links li:has(a[href="reviews.html"]),
html body .nav .nav-links li:has(a[href="../reviews.html"]){
  order:2!important;
}

html body .nav .nav-links li:has(a[href="/compare"]),
html body .nav .nav-links li:has(a[href="/compare.html"]),
html body .nav .nav-links li:has(a[href="compare.html"]),
html body .nav .nav-links li:has(a[href="../compare.html"]){
  order:3!important;
}

html body .nav .nav-links li:has(a[href="/advice"]),
html body .nav .nav-links li:has(a[href="/advice.html"]),
html body .nav .nav-links li:has(a[href="/articles"]),
html body .nav .nav-links li:has(a[href="advice.html"]),
html body .nav .nav-links li:has(a[href="../advice.html"]){
  order:4!important;
}

html body .nav .nav-links li:has(a[href="/deals"]),
html body .nav .nav-links li:has(a[href="/deals.html"]),
html body .nav .nav-links li:has(a[href="deals.html"]),
html body .nav .nav-links li:has(a[href="../deals.html"]){
  order:5!important;
}

html body .nav .nav-links li:has(a[href="/about"]),
html body .nav .nav-links li:has(a[href="/about.html"]),
html body .nav .nav-links li:has(a[href="about.html"]),
html body .nav .nav-links li:has(a[href="../about.html"]){
  order:6!important;
}

html body .nav .nav-links li:has(a[href="/quiz"]),
html body .nav .nav-links li:has(a[href="/quiz.html"]),
html body .nav .nav-links li:has(a[href="quiz.html"]),
html body .nav .nav-links li:has(a[href="../quiz.html"]){
  order:7!important;
}

body .nav .nav-inner{
  width:min(1180px, calc(100% - 40px))!important;
  max-width:1180px!important;
  height:96px!important;
  min-height:96px!important;
  margin:0 auto!important;
  padding:0!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:220px minmax(0,1fr)!important;
  align-items:center!important;
  justify-content:space-between!important;
  column-gap:32px!important;
}

body .nav .nav-logo-link{
  width:220px!important;
  height:96px!important;
  min-height:96px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  margin:0!important;
  padding:0!important;
}

body .nav .nav-logo-img{
  width:176px!important;
  height:auto!important;
  max-width:176px!important;
  max-height:76px!important;
  display:block!important;
  object-fit:contain!important;
  margin:0!important;
  padding:0!important;
}

body .nav .nav-links{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:18px!important;
  column-gap:18px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  line-height:1!important;
}

body .nav .nav-links li{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
}

body .nav .nav-links a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-height:38px!important;
  height:38px!important;
  margin:0!important;
  padding:0!important;
  font-family:"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  color:#0d1b3e!important;
}

body .nav .nav-links a.active{
  color:#1e4bd4!important;
  font-weight:900!important;
}

body .nav .nav-links a.nav-deals{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#0d1b3e!important;
  padding:0!important;
  border-radius:0!important;
}

body .nav .nav-links a.nav-deals.active{
  color:#1e4bd4!important;
}

body .nav .nav-links a.nav-cta{
  height:42px!important;
  min-height:42px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#1e4bd4 0%,#7a22d4 48%,#e4197e 100%)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 12px 28px rgba(122,34,212,.22)!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
}

body .nav .nav-links a.nav-deals::before,
body .nav .nav-links a.nav-deals::after,
body .nav .nav-links a.nav-cta::before,
body .nav .nav-links a.nav-cta::after,
body .nav .nav-links a::before,
body .nav .nav-links a::after{
  content:none!important;
  display:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}

@media(max-width:980px){
  body .nav{
    height:88px!important;
    min-height:88px!important;
  }

  body .nav .nav-inner{
    width:calc(100% - 28px)!important;
    height:88px!important;
    min-height:88px!important;
    grid-template-columns:190px minmax(0,1fr)!important;
    column-gap:22px!important;
  }

  body .nav .nav-logo-link{
    width:190px!important;
    height:88px!important;
    min-height:88px!important;
  }

  body .nav .nav-logo-img{
    width:154px!important;
    max-width:154px!important;
    max-height:68px!important;
  }

  body .nav .nav-links{
    gap:12px!important;
    column-gap:12px!important;
  }

  body .nav .nav-links a{
    font-size:13px!important;
  }
}

/* Canonical nav order across public pages:
   Home, Reviews, Compare, Dating Advice, Deals, About, AI Match. */
body .nav .nav-links li{
  order:initial!important;
}

body .nav .nav-links li:has(a[href="/"]),
body .nav .nav-links li:has(a[href="index.html"]),
body .nav .nav-links li:has(a[href="../index.html"]){
  order:1!important;
}

body .nav .nav-links li:has(a[href="/reviews"]),
body .nav .nav-links li:has(a[href="reviews.html"]),
body .nav .nav-links li:has(a[href="../reviews.html"]){
  order:2!important;
}

body .nav .nav-links li:has(a[href="/compare"]),
body .nav .nav-links li:has(a[href="compare.html"]),
body .nav .nav-links li:has(a[href="../compare.html"]){
  order:3!important;
}

body .nav .nav-links li:has(a[href="/articles"]),
body .nav .nav-links li:has(a[href="advice.html"]),
body .nav .nav-links li:has(a[href="../advice.html"]){
  order:4!important;
}

body .nav .nav-links li:has(a[href="/deals"]),
body .nav .nav-links li:has(a[href="deals.html"]),
body .nav .nav-links li:has(a[href="../deals.html"]){
  order:5!important;
}

body .nav .nav-links li:has(a[href="/about"]),
body .nav .nav-links li:has(a[href="about.html"]),
body .nav .nav-links li:has(a[href="../about.html"]){
  order:6!important;
}

body .nav .nav-links li:has(a[href="/quiz"]),
body .nav .nav-links li:has(a[href="quiz.html"]),
body .nav .nav-links li:has(a[href="../quiz.html"]){
  order:7!important;
}

/* Keep the selected desktop nav item from shrinking on pages with older inline CSS. */
@media(min-width:901px){
  body .nav .nav-links a.active:not(.nav-cta),
  body .nav .nav-links a[aria-current="page"]:not(.nav-cta){
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:max-content!important;
    height:38px!important;
    min-height:38px!important;
    padding:0 12px!important;
    border-radius:999px!important;
    background:#eef2ff!important;
    border:1px solid rgba(30,75,212,.16)!important;
    color:#0d1b3e!important;
    box-shadow:inset 0 -2px 0 #1e4bd4!important;
    line-height:1!important;
    font-weight:950!important;
  }
}

@media(max-width:760px){
  body .nav{
    height:auto!important;
    min-height:82px!important;
  }

  body .nav .nav-inner{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    height:auto!important;
    min-height:82px!important;
    padding:10px 0!important;
    row-gap:10px!important;
  }

  body .nav .nav-logo-link{
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    justify-content:center!important;
  }

  body .nav .nav-logo-img{
    width:142px!important;
    max-width:142px!important;
    max-height:62px!important;
  }

  body .nav .nav-links{
    width:100%!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
    gap:10px!important;
  }

  body .nav .nav-links a{
    height:34px!important;
    min-height:34px!important;
    font-size:12px!important;
  }

  body .nav .nav-links a.nav-cta{
    height:38px!important;
    min-height:38px!important;
  }
}

/* Final mobile behavior: use the hamburger toggle instead of full-width link rows. */
@media(max-width:900px){
  body .nav{
    height:78px!important;
    min-height:78px!important;
    overflow:visible!important;
  }

  body .nav .nav-inner{
    width:calc(100% - 28px)!important;
    height:78px!important;
    min-height:78px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 44px!important;
    align-items:center!important;
    justify-content:space-between!important;
    column-gap:16px!important;
    padding:0!important;
    overflow:visible!important;
    position:relative!important;
  }

  body .nav .nav-logo-link{
    width:auto!important;
    max-width:180px!important;
    height:78px!important;
    min-height:78px!important;
    justify-content:flex-start!important;
  }

  body .nav .nav-logo-img{
    width:156px!important;
    max-width:156px!important;
    max-height:60px!important;
  }

  body .nav .nav-mobile-toggle{
    display:inline-flex!important;
    grid-column:2!important;
    justify-self:end!important;
  }

  body .nav .nav-links{
    display:none!important;
    position:absolute!important;
    top:calc(100% + 8px)!important;
    right:0!important;
    left:auto!important;
    width:min(300px,calc(100vw - 28px))!important;
    max-height:calc(100vh - 110px)!important;
    overflow:auto!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:6px!important;
    padding:10px!important;
    border:1px solid rgba(13,27,62,.10)!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 22px 60px rgba(15,23,42,.16)!important;
    z-index:10050!important;
  }

  body .nav.nav-open .nav-links,
  body .nav .nav-inner.nav-open .nav-links,
  body .nav .nav-links.mobile-open{
    display:flex!important;
  }

  body .nav .nav-links li{
    display:block!important;
    width:auto!important;
  }

  body .nav .nav-links a,
  body .nav .nav-links a:not(.nav-cta),
  body .nav .nav-links a.nav-cta{
    width:auto!important;
    min-width:0!important;
    height:40px!important;
    min-height:40px!important;
    justify-content:flex-start!important;
    padding:0 13px!important;
    border-radius:12px!important;
    font-size:13px!important;
    text-align:left!important;
  }

  body .nav .nav-links a.nav-cta{
    justify-content:center!important;
    margin-top:4px!important;
  }
}