/* ═══════════════════════════════════════════
   Card: Mutne vode braka
   Style: Nautical Pop — deep navy, teal, sunshine
   ═══════════════════════════════════════════ */
.card--mutne-vode{
  --card-navy:#0E1B2E;
  --card-teal:#1A8A8A;
  --card-sunshine:#E8C84C;
  --card-sail:#F0ECE4;
  background:var(--card-navy);
  overflow:hidden;
  position:relative;
  font-family:'Righteous','Arial Black',sans-serif;
  color:var(--card-sail);
  transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s ease;
}
/* Wave pattern overlay */
.card--mutne-vode::before{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  opacity:.04;
  background-image:
    repeating-linear-gradient(0deg,transparent,transparent 18px,var(--card-teal) 18px,var(--card-teal) 19px);
}
.card--mutne-vode:is(:hover,.pulse){
  transform:translateY(-6px);
  box-shadow:0 18px 45px rgba(26,138,138,.15);
}

/* Image */
.card--mutne-vode .card__img-wrap{
  position:relative;overflow:hidden;aspect-ratio:16/10;z-index:1;
}
.card--mutne-vode .card__img{
  width:100%;height:100%;object-fit:cover;
  filter:saturate(.85) brightness(.9);
  transition:transform 1.2s cubic-bezier(.16,1,.3,1),filter 1.2s ease;
}
.card--mutne-vode:is(:hover,.pulse) .card__img{
  transform:scale(1.06);filter:saturate(1) brightness(1);
}
.card--mutne-vode .card__img-wrap::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(to top,var(--card-navy) 0%,transparent 50%);
  opacity:.6;
}

/* Badge */
.card--mutne-vode .card__badge{
  position:absolute;top:12px;left:12px;z-index:2;
  font-family:'Courier Prime',monospace;
  font-size:9px;font-weight:700;
  letter-spacing:.15em;text-transform:uppercase;
  padding:4px 10px;
  background:var(--card-teal);
  color:var(--card-sail);
}

/* Body */
.card--mutne-vode .card__body{
  position:relative;z-index:1;
  padding:1.2rem 1.4rem 1.6rem;
}
.card--mutne-vode .card__year{
  font-family:'Courier Prime',monospace;
  font-size:10px;font-weight:400;
  letter-spacing:.2em;text-transform:uppercase;
  color:var(--card-teal);
}
.card--mutne-vode .card__title{
  font-family:'Righteous',sans-serif;
  font-weight:400;
  font-size:clamp(16px,1.5vw,21px);
  line-height:1.3;
  margin-top:6px;
  text-transform:uppercase;
  padding-bottom:.1em;
}
.card--mutne-vode .card__desc{
  font-family:'Quicksand',sans-serif;
  font-size:clamp(12px,.9vw,14px);
  font-weight:400;
  line-height:1.6;
  color:rgba(240,236,228,.5);
  margin-top:8px;
}

/* Teal accent line */
.card--mutne-vode .card__body::before{
  content:'';position:absolute;top:0;left:1.4rem;
  width:25px;height:2px;background:var(--card-teal);
  transition:width .6s cubic-bezier(.16,1,.3,1);
}
.card--mutne-vode:is(:hover,.pulse) .card__body::before{width:55px}