/* NILA v21.40 Bright Product Direction and Join Page Fix */

/* Fix the join page mobile menu/logo-repeat bug */
body.page-join{
  background:#fff!important;
}
body.page-join .nav-inner.open{
  align-items:center!important;
}
body.page-join .nav-inner.open .nav-logo{
  display:flex!important;
  position:relative!important;
  z-index:140!important;
}
@media (max-width:720px){
  body.page-join .nav{
    z-index:500!important;
    background:#fff!important;
  }
  body.page-join .nav-inner{
    position:relative!important;
  }
  body.page-join .nav-inner.open .nav-links{
    position:absolute!important;
    top:calc(100% + 10px)!important;
    left:12px!important;
    right:12px!important;
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    align-items:stretch!important;
    padding:14px!important;
    border-radius:22px!important;
    background:#fff!important;
    border:1px solid rgba(6,25,46,.12)!important;
    box-shadow:0 22px 60px rgba(6,25,46,.20)!important;
    z-index:520!important;
    margin:0!important;
  }
  body.page-join .nav-inner.open .nav-links::before,
  body.page-join .nav-inner.open .nav-links::after,
  body.page-join .nav-inner.open::before,
  body.page-join .nav-inner.open::after{
    content:none!important;
    display:none!important;
  }
  body.page-join .nav-inner.open .nav-links a{
    display:block!important;
    color:#06192e!important;
    background:#f7fbff!important;
    padding:13px 14px!important;
    border-radius:16px!important;
  }
  body.page-join .nav-inner.open .nav-actions{
    display:none!important;
  }
  body.page-join .nav-logo,
  body.page-join .nav-logo svg{
    opacity:1!important;
    visibility:visible!important;
    filter:none!important;
  }
  body.page-join > div[style*="linear-gradient"]{
    margin-top:0!important;
    background:linear-gradient(135deg,#ffffff 0%,#f7fbff 55%,#fff7e8 100%)!important;
    color:#06192e!important;
    border-bottom:1px solid rgba(6,25,46,.08)!important;
  }
  body.page-join > div[style*="linear-gradient"] h1,
  body.page-join > div[style*="linear-gradient"] p{
    color:#06192e!important;
  }
}

/* New bright product direction, applied lightly and safely */
body.page-home,
body[data-nila-page="index"]{
  background:#fff!important;
}
body.page-home .v19-hero,
body[data-nila-page="index"] .v19-hero{
  background:
    radial-gradient(circle at 0% 12%, rgba(255,194,0,.22), transparent 22%),
    radial-gradient(circle at 100% 26%, rgba(0,139,160,.16), transparent 22%),
    linear-gradient(180deg,#fff 0%,#fff 68%,#f8fbff 100%)!important;
}
body.page-home .v19-h1,
body[data-nila-page="index"] .v19-h1{
  color:#06192e!important;
}
body.page-home .v19-h1 em,
body[data-nila-page="index"] .v19-h1 em{
  color:#007f78!important;
}
body.page-home .v19-sub,
body[data-nila-page="index"] .v19-sub{
  color:#23384d!important;
}
body.page-home .v19-eyebrow,
body[data-nila-page="index"] .v19-eyebrow{
  background:#fff!important;
  border:1px solid rgba(0,127,120,.16)!important;
  color:#075f3c!important;
  box-shadow:0 10px 30px rgba(6,25,46,.06)!important;
}
body.page-home .v19-search,
body[data-nila-page="index"] .v19-search{
  background:#fff!important;
  border:1px solid rgba(6,25,46,.12)!important;
  box-shadow:0 28px 90px rgba(6,25,46,.14)!important;
}
body.page-home .hs-submit,
body[data-nila-page="index"] .hs-submit{
  background:#075f3c!important;
  color:#fff!important;
}
body.page-home #gpsBtn,
body[data-nila-page="index"] #gpsBtn,
body.page-home .hs-gps,
body[data-nila-page="index"] .hs-gps{
  color:#006c7d!important;
}

/* Replace the old busy hero category chips with a cleaner visual surface */
body.page-home .v19-discover,
body[data-nila-page="index"] .v19-discover{
  background:#fff!important;
  border:1px solid rgba(6,25,46,.10)!important;
  box-shadow:0 28px 90px rgba(6,25,46,.14)!important;
}
body.page-home .v19-discover-head,
body[data-nila-page="index"] .v19-discover-head{
  color:#06192e!important;
}
body.page-home .v19-discover .v19-cats,
body[data-nila-page="index"] .v19-discover .v19-cats{
  display:none!important;
}
body.page-home .v19-discover-map,
body[data-nila-page="index"] .v19-discover-map{
  background-image:url('assets/v21.24/hero-marketplace.jpg')!important;
  background-size:cover!important;
  background-position:center!important;
  border-radius:26px!important;
  min-height:360px!important;
  overflow:hidden!important;
}
body.page-home #heroMapWrap,
body[data-nila-page="index"] #heroMapWrap{
  opacity:0!important;
  pointer-events:none!important;
}

/* Mobile keeps the useful order but shows the visual after the action */
@media (max-width:780px){
  body.page-home .v19-hero-grid,
  body[data-nila-page="index"] .v19-hero-grid{
    display:flex!important;
    flex-direction:column!important;
    gap:16px!important;
  }
  body.page-home .v19-hero-grid > div:first-child,
  body[data-nila-page="index"] .v19-hero-grid > div:first-child{
    order:1!important;
  }
  body.page-home .v19-discover,
  body[data-nila-page="index"] .v19-discover{
    order:2!important;
  }
  body.page-home .v19-discover-map,
  body[data-nila-page="index"] .v19-discover-map{
    min-height:210px!important;
  }
  body.page-home #heroSearch,
  body[data-nila-page="index"] #heroSearch{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  body.page-home #servicePickerWrap,
  body.page-home .hs-loc-wrap,
  body.page-home .hs-submit,
  body[data-nila-page="index"] #servicePickerWrap,
  body[data-nila-page="index"] .hs-loc-wrap,
  body[data-nila-page="index"] .hs-submit{
    display:flex!important;
  }
  body.page-home .hs-submit,
  body[data-nila-page="index"] .hs-submit{
    width:100%!important;
    justify-content:center!important;
  }
}

/* Clean bright category strip */
body.page-home #nilaCategorySection,
body[data-nila-page="index"] #nilaCategorySection{
  background:#fff!important;
}