/* INY FINAL DEPLOY FIXES — navigation + live catalogue presentation */
:root{
  --iny-final-blue:#315e73;
  --iny-final-sky:#72d8e3;
  --iny-final-pink:#e98289;
}

/* Make the current page unmistakable on desktop. */
body .iny-shared-nav a[data-nav].active{
  color:var(--iny-final-blue)!important;
  opacity:1!important;
  font-weight:700!important;
}
body .iny-shared-nav a[data-nav].active::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:17px!important;
  width:auto!important;
  height:3px!important;
  border-radius:999px!important;
  background:var(--iny-final-pink)!important;
  transform:none!important;
  opacity:1!important;
}
body .iny-shared-nav a[data-nav]:hover{color:var(--iny-final-blue)!important;opacity:1!important}

/* Keep the Enquire CTA distinct from the active page state. */
body .iny-shared-nav .iny-enquire-link{color:var(--iny-final-blue)!important;border-color:var(--iny-final-blue)!important}
body .iny-shared-nav .iny-enquire-link:hover{background:var(--iny-final-blue)!important;color:#fff!important}

/* Product catalogue cards always have a visible, polished action area. */
body .product-card .view-btn{color:var(--iny-final-blue)!important;border-color:rgba(49,94,115,.35)!important;background:#fff!important}
body .product-card .add-btn{background:var(--iny-final-pink)!important;border-color:var(--iny-final-pink)!important;color:#fff!important}
body .product-card .product-category{color:var(--iny-final-blue)!important}
body .product-card .price{color:var(--iny-final-blue)!important}

@media(max-width:760px){
  body .iny-shared-nav a[data-nav].active{
    background:linear-gradient(90deg,#eefafd,#fff5f7)!important;
    color:var(--iny-final-blue)!important;
    padding-left:14px!important;
    border-left:3px solid var(--iny-final-sky)!important;
    border-bottom-color:#dceff2!important;
  }
  body .iny-shared-nav a[data-nav].active::after{
    display:none!important;
  }
}


/* IMAGE VISIBILITY HOTFIX
   The colorful theme uses background: ... !important on catalogue/category cards.
   Keep those visual accents, but never hide the actual INY photos. */
body .categories .round-img.yellow{background-image:url("assets/mango-bloom.webp") !important;background-size:cover !important;background-position:center !important}
body .categories .round-img.lavender{background-image:url("assets/the-grace.webp") !important;background-size:cover !important;background-position:center !important}
body .categories .round-img.green{background-image:url("assets/sage-sprinkle.webp") !important;background-size:cover !important;background-position:center !important}
body .categories .round-img.pink{background-image:url("assets/berry-blush.webp") !important;background-size:cover !important;background-position:center !important}
body .categories .round-img.blue{background-image:url("assets/peach-reverie.webp") !important;background-size:cover !important;background-position:center !important}
body .categories .round-img.peach{background-image:url("assets/daisy-doodle.webp") !important;background-size:cover !important;background-position:center !important}
body .products-section .product-card .product-img{background-size:cover !important;background-position:center !important}
body .arrivals .arrival.a1{background-image:url("assets/melon-mingle.webp") !important;background-size:cover !important;background-position:center !important}
body .arrivals .arrival.a2{background-image:url("assets/daydream.webp") !important;background-size:cover !important;background-position:center !important}
body .arrivals .arrival.a3{background-image:url("assets/jellybean.webp") !important;background-size:cover !important;background-position:center !important}
body .arrivals .arrival.a4{background-image:url("assets/summer-breeze.webp") !important;background-size:cover !important;background-position:center !important}
body .arrivals .arrival.a5{background-image:url("assets/grace-meadow.webp") !important;background-size:cover !important;background-position:center !important}
body .arrivals .arrival.a6{background-image:url("assets/bluebell-whimsy.webp") !important;background-size:cover !important;background-position:center !important}
body .arrivals .arrival-meadow{background-image:url("assets/meadow-heirloom.webp") !important;background-size:cover !important;background-position:center !important}
body .arrivals .arrival-midnight{background-image:url("assets/midnight-cherry.webp") !important;background-size:cover !important;background-position:center !important}