/* Card: E-trgovina iz ugla jednog (n)e-trgovca */
/* Class: .card--etrgovina */

.card--etrgovina {
  background: #FFF8ED;
  border-top: 3px solid #2A8E8E;
  position: relative;
  overflow: hidden;
}

.card--etrgovina::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image:
    linear-gradient(rgba(42,142,142,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(42,142,142,0.05) 1px, transparent 1px);
  background-size: 20px 20px;
  pointer-events: none;
  z-index: 0;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.card--etrgovina:hover::before {
  opacity: 1;
}

.card--etrgovina .card__image img {
  transition: transform 0.5s ease;
}

.card--etrgovina:hover .card__image img {
  transform: scale(1.04);
}

.card--etrgovina .card__category {
  font-family: 'Righteous', sans-serif;
  color: #2A8E8E;
  font-size: 0.7rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.card--etrgovina .card__title {
  font-family: 'Fraunces', Georgia, serif;
  color: #2A2A2A;
}

.card--etrgovina .card__title:hover {
  color: #2A8E8E;
}

.card--etrgovina .card__meta {
  color: #E07B42;
  font-size: 0.78rem;
}

.card--etrgovina .card__tag {
  background: #E0F5F5;
  color: #1f6b6b;
  border: none;
}


/* Image wrap */
.card--etrgovina .card__img-wrap{
  position:relative;overflow:hidden;aspect-ratio:16/10;z-index:1;
}

.card--etrgovina .card__img{
  width:100%;height:100%;object-fit:cover;
  filter:saturate(.95) brightness(.95);
  transition:transform 1s cubic-bezier(.16,1,.3,1),filter .7s ease;
}
.card--etrgovina:is(:hover,.pulse) .card__img{
  transform:scale(1.05);filter:saturate(1.05) brightness(1.02);
}
.card--etrgovina .card__img-wrap::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.35) 100%);
  pointer-events:none;
}

/* Badge */
.card--etrgovina .card__badge{
  position:absolute;bottom:12px;right:12px;z-index:2;
  font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  color:#264653;background:#2D6A4F;
  padding:4px 12px;border-radius:2px;
}

/* Body */
.card--etrgovina .card__body{
  position:relative;z-index:1;
  padding:1.2rem 1.4rem 1.6rem;
}

.card--etrgovina .card__year{
  font-size:10px;letter-spacing:.2em;text-transform:uppercase;
  color:#2D6A4F;display:block;margin-bottom:5px;
}

.card--etrgovina .card__desc{
  font-size:clamp(12px,.9vw,13px);line-height:1.65;
  color:rgba(0,0,0,.45);margin-top:6px;
}

/* ── structural rules for draft-batch ── */
.card--etrgovina .card__img-wrap {
  position:relative; overflow:hidden; aspect-ratio:4/3; z-index:1;
}
.card--etrgovina .card__img {
  width:100%; height:100%; object-fit:cover;
  transition:transform .6s ease, filter .5s ease;
}
.card--etrgovina:is(:hover,.pulse) .card__img {
  transform:scale(1.05);
}
.card--etrgovina .card__badge {
  position:absolute; bottom:12px; right:12px; z-index:2;
  font-size:10px; letter-spacing:.14em; text-transform:uppercase;
  padding:4px 12px; border-radius:50px;
  background:#FFF8ED; color:#E07B42;
}
.card--etrgovina .card__year {
  font-size:10px; letter-spacing:.2em; text-transform:uppercase;
  display:block; margin-bottom:5px; color:#E07B42;
}
.card--etrgovina .card__desc {
  font-size:clamp(12px,.9vw,13px); line-height:1.65;
  color:rgba(0,0,0,0.5);
}