/* ═══════════════════════════════════════════
   Card: Prvi rođendan treće sreće
   Style: Tropical Glam Pastel — warm dark, rose, gold, tropical green
   ═══════════════════════════════════════════ */
.card--prvi-rodendan{
  --card-dark:#1A1410;
  --card-rose:#E8B4B8;
  --card-gold:#C8A54A;
  --card-tropical:#3D6B4E;
  --card-cream:#F0E8DC;
  background:var(--card-dark);
  overflow:hidden;
  position:relative;
  font-family:'Paytone One','Arial Black',sans-serif;
  color:var(--card-cream);
  transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s ease;
}
/* Subtle leaf pattern overlay */
.card--prvi-rodendan::before{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  opacity:.03;
  background-image:
    radial-gradient(ellipse 30px 40px at 20% 30%,var(--card-tropical) 0%,transparent 70%),
    radial-gradient(ellipse 25px 35px at 75% 60%,var(--card-tropical) 0%,transparent 70%),
    radial-gradient(ellipse 20px 30px at 50% 80%,var(--card-rose) 0%,transparent 70%);
}
.card--prvi-rodendan:is(:hover,.pulse){
  transform:translateY(-6px);
  box-shadow:0 18px 45px rgba(232,180,184,.12);
}

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

/* Badge */
.card--prvi-rodendan .card__badge{
  position:absolute;top:12px;left:12px;z-index:2;
  font-family:'Red Hat Mono',monospace;
  font-size:9px;font-weight:500;
  letter-spacing:.15em;text-transform:uppercase;
  padding:4px 10px;
  background:var(--card-rose);
  color:var(--card-dark);
}

/* Body */
.card--prvi-rodendan .card__body{
  position:relative;z-index:1;
  padding:1.2rem 1.4rem 1.6rem;
}
.card--prvi-rodendan .card__year{
  font-family:'Red Hat Mono',monospace;
  font-size:10px;font-weight:400;
  letter-spacing:.2em;text-transform:uppercase;
  color:var(--card-rose);
}
.card--prvi-rodendan .card__title{
  font-family:'Paytone One',sans-serif;
  font-weight:400;
  font-size:clamp(16px,1.5vw,21px);
  line-height:1.3;
  margin-top:6px;
  padding-bottom:.1em;
}
.card--prvi-rodendan .card__desc{
  font-family:'Rubik',sans-serif;
  font-size:clamp(12px,.9vw,14px);
  font-weight:400;
  line-height:1.6;
  color:rgba(240,232,220,.5);
  margin-top:8px;
}

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