/* INY shared navigation active-state fix
   - Active page underline is always INY pink.
   - Works with both clean Netlify paths (/shop) and .html paths (/shop.html).
   - Mobile uses the same pink active indicator.
*/
:root{
  --iny-nav-pink:#e98289;
  --iny-nav-pink-soft:#fbe8ea;
}

body .iny-shared-nav a[data-nav].active{
  color:var(--iny-nav-pink)!important;
  opacity:1!important;
  font-weight:600!important;
}

body .iny-shared-nav a[data-nav].active::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:17px!important;
  width:auto!important;
  height:3px!important;
  border:0!important;
  border-radius:999px!important;
  background:var(--iny-nav-pink)!important;
  transform:none!important;
  opacity:1!important;
}

body .iny-shared-nav a[data-nav]:hover{
  color:var(--iny-nav-pink)!important;
  opacity:1!important;
}

@media(max-width:760px){
  body .iny-shared-nav a[data-nav].active{
    color:var(--iny-nav-pink)!important;
    background:linear-gradient(90deg,var(--iny-nav-pink-soft),#fff)!important;
    padding-left:14px!important;
    border-left:3px solid var(--iny-nav-pink)!important;
    font-weight:600!important;
  }

  body .iny-shared-nav a[data-nav].active::after{
    display:none!important;
  }
}