/* Card: Trenuci i trenutačnost — Aperol Sunset theme */
.card--trenuci {
  background: #FFF8ED;
  border-radius: 3px;
  overflow: hidden;
  position: relative;
  font-family: 'Rubik', sans-serif;
}

.card--trenuci .card__img-wrap {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4/3;
}

.card--trenuci .card__img-wrap::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, transparent 50%, rgba(58,46,40,0.45) 100%);
  transition: opacity 0.4s;
}

.card--trenuci:hover .card__img-wrap::after {
  opacity: 0.7;
}

.card--trenuci .card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.6s ease;
}

.card--trenuci:hover .card__img {
  transform: scale(1.05);
}

.card--trenuci .card__body {
  padding: 20px 20px 24px;
  border-top: 3px solid #E07B42;
}

.card--trenuci .card__tag {
  font-family: 'Krona One', sans-serif;
  font-size: 10px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #E07B42;
  margin-bottom: 10px;
  display: block;
}

.card--trenuci .card__title {
  font-family: 'Bitter', serif;
  font-size: 1.15rem;
  font-weight: 700;
  color: #3A2E28;
  line-height: 1.3;
  margin-bottom: 10px;
}

.card--trenuci .card__excerpt {
  font-size: 0.88rem;
  color: #5A3E2E;
  line-height: 1.65;
  margin-bottom: 16px;
}

.card--trenuci .card__cta {
  font-family: 'Krona One', sans-serif;
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #B85A2A;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: gap 0.25s, color 0.25s;
}

.card--trenuci:hover .card__cta {
  gap: 10px;
  color: #E07B42;
}

.card--trenuci .card__cta::after {
  content: '→';
}

/* Accent dot — sunset circle in bottom-right corner */
.card--trenuci .card__accent {
  position: absolute;
  bottom: 16px;
  right: 16px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: radial-gradient(circle, #F5C882 0%, #E07B42 60%, #B85A2A 100%);
  opacity: 0.35;
  pointer-events: none;
  transition: opacity 0.3s;
}

.card--trenuci:hover .card__accent {
  opacity: 0.65;
}

/* ── structural rules for draft-batch ── */
.card--trenuci .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:#999;
}
.card--trenuci .card__year {
  font-size:10px; letter-spacing:.2em; text-transform:uppercase;
  display:block; margin-bottom:5px; color:#999;
}
.card--trenuci .card__desc {
  font-size:clamp(12px,.9vw,13px); line-height:1.65;
  color:#5A3E2E;
}