/* NILA v21.39 Mobile Service Picker, Homepage Cleanup and Category Marquee Fix */
:root{
  --v39-ink:#06192e;
  --v39-green:#075f3c;
  --v39-blue:#176fc2;
  --v39-gold:#d8a736;
  --v39-line:rgba(6,25,46,.12);
  --v39-muted:#52677f;
}

/* 1. Mobile service picker fallback */
#mobileServiceSelect{
  display:none;
}
@media (max-width:780px){
  #servicePickerWrap{
    position:relative!important;
    overflow:visible!important;
  }
  #serviceInput{
    pointer-events:auto!important;
    cursor:pointer!important;
  }
  #mobileServiceSelect{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:44px!important;
    opacity:0!important;
    z-index:30!important;
    cursor:pointer!important;
    -webkit-appearance:menulist!important;
    appearance:auto!important;
  }
  #serviceToggle{
    z-index:35!important;
    pointer-events:none!important;
  }
  #serviceDropdown{
    display:none!important;
  }
}

/* 2. Remove the distracting hero badge/text card below the image */
.v19-discover-foot,
.v23-discover-foot,
.v24-discover-foot,
.v21-hero-badge,
.v24-hero-badge,
.hero-badge,
.hero-visual-badge,
.hero-image-badge{
  display:none!important;
}

/* 3. Clean the dark green rounded provider/business CTA section */
body.page-home section:has(a[href*="join"]),
body[data-nila-page="index"] section:has(a[href*="join"]){
  background:#fff!important;
}
.v34-provider-cta,
.v35-provider-cta,
.v32-provider-cta,
.provider-cta,
.business-cta,
section:has(.v34-provider-cta),
section:has(.provider-cta){
  background:#fff!important;
  border:1px solid var(--v39-line)!important;
  border-radius:28px!important;
  box-shadow:0 22px 60px rgba(6,25,46,.08)!important;
  color:var(--v39-ink)!important;
  overflow:visible!important;
}
.v34-provider-cta *,
.v35-provider-cta *,
.v32-provider-cta *,
.provider-cta *,
.business-cta *{
  color:var(--v39-ink)!important;
  overflow-wrap:anywhere!important;
}
.v34-provider-cta a,
.v35-provider-cta a,
.v32-provider-cta a,
.provider-cta a,
.business-cta a{
  color:#fff!important;
  background:var(--v39-green)!important;
  border-color:var(--v39-green)!important;
}

/* More specific recovery for the dark pill CTA that used green/blue gradient */
body.page-home [class*="cta"],
body[data-nila-page="index"] [class*="cta"]{
  max-width:100%;
}
body.page-home .v34-flow-proof + section,
body[data-nila-page="index"] .v34-flow-proof + section{
  background:#fff!important;
}
body.page-home section div[style*="border-radius"]:has(a[href*="join.html"]),
body[data-nila-page="index"] section div[style*="border-radius"]:has(a[href*="join.html"]){
  background:#fff!important;
  border:1px solid var(--v39-line)!important;
  box-shadow:0 18px 55px rgba(6,25,46,.08)!important;
  color:var(--v39-ink)!important;
}
body.page-home section div[style*="border-radius"]:has(a[href*="join.html"]) *,
body[data-nila-page="index"] section div[style*="border-radius"]:has(a[href*="join.html"]) *{
  color:var(--v39-ink)!important;
}

/* 4. Category rail becomes a clean marquee, not a dead static scroll strip */
body.v39-category-page .v19-cat-rail,
body.v36-category-page .v19-cat-rail{
  overflow:hidden!important;
}
body.v39-category-page .v19-cat-rail .container,
body.v36-category-page .v19-cat-rail .container{
  overflow:hidden!important;
}
body.v39-category-page .v19-cat-rail-inner,
body.v36-category-page .v19-cat-rail-inner{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  overflow:visible!important;
  width:max-content!important;
  min-width:max-content!important;
  animation:v39CategoryMarquee 28s linear infinite!important;
  scrollbar-width:none!important;
}
body.v39-category-page .v19-cat-rail-inner::-webkit-scrollbar,
body.v36-category-page .v19-cat-rail-inner::-webkit-scrollbar{
  display:none!important;
}
body.v39-category-page .v19-cat-rail:hover .v19-cat-rail-inner,
body.v36-category-page .v19-cat-rail:hover .v19-cat-rail-inner,
body.v39-category-page .v19-cat-rail:focus-within .v19-cat-rail-inner,
body.v36-category-page .v19-cat-rail:focus-within .v19-cat-rail-inner{
  animation-play-state:paused!important;
}
@keyframes v39CategoryMarquee{
  from{ transform:translateX(0); }
  to{ transform:translateX(-50%); }
}

/* 5. Remove dead top map preview on category pages. Keep real map in the normal map card. */
body.v39-category-page .v36-category-map,
body.v36-category-page .v36-category-map{
  display:none!important;
}
body.v39-category-page .v36-category-copy,
body.v36-category-page .v36-category-copy{
  grid-template-columns:1fr!important;
}
body.v39-category-page .v36-category-map-label,
body.v36-category-page .v36-category-map-label{
  display:none!important;
}
body.v39-category-page #dirMapCard,
body.v36-category-page #dirMapCard{
  display:flex!important;
  visibility:visible!important;
}
body.v39-category-page #dirMapCard.v36-mapcard-parked,
body.v36-category-page #dirMapCard.v36-mapcard-parked{
  display:flex!important;
}
body.v39-category-page #dirMap,
body.v36-category-page #dirMap{
  display:block!important;
  visibility:visible!important;
  min-height:320px!important;
}

/* 6. Reduce oversized use-location/search strip on category pages */
body.v39-category-page .v19-dir-search,
body.v36-category-page .v19-dir-search{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto!important;
  max-width:980px!important;
}
body.v39-category-page #dirHeroUseLocation,
body.v36-category-page #dirHeroUseLocation,
body.v39-category-page #dirSearchBtn,
body.v36-category-page #dirSearchBtn{
  min-width:150px!important;
  padding-left:18px!important;
  padding-right:18px!important;
}

/* 7. Remove Home button in category hero */
body.v39-category-page .v19-dir-hero a[href="index.html"],
body.v36-category-page .v19-dir-hero a[href="index.html"],
body.v39-category-page #v36DirCategoryHero a[href="index.html"],
body.v36-category-page #v36DirCategoryHero a[href="index.html"]{
  display:none!important;
}

@media (max-width:780px){
  body.v39-category-page .v19-cat-rail-inner,
  body.v36-category-page .v19-cat-rail-inner{
    animation-duration:22s!important;
  }
  body.v39-category-page .v19-dir-search,
  body.v36-category-page .v19-dir-search{
    grid-template-columns:1fr!important;
    max-width:none!important;
  }
  body.v39-category-page #dirHeroUseLocation,
  body.v36-category-page #dirHeroUseLocation,
  body.v39-category-page #dirSearchBtn,
  body.v36-category-page #dirSearchBtn{
    min-width:0!important;
    width:100%!important;
  }
}