/* ============================================================
   CARD — ljubavno-putesestvije (Romantika Express)
   Palette: Navy #1E3A5F, Cream #FAF3E0, Gold #C8A951, Amber #D4956A
   Fonts: Vidaloka (title), Chivo Mono (meta), Be Vietnam Pro (body)
   NOTE: NO transform/box-shadow/overflow:visible on .card--putesestvije:hover
         — only on children, to prevent CSS columns layout bug.
   ============================================================ */

.card--putesestvije {
  background: #FAF3E0;
  border: 1px solid #D5CFC3;
  border-radius: 3px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

/* Gold-to-navy gradient top stripe — ticket-edge effect */
.card--putesestvije::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, #1E3A5F 0%, #C8A951 50%, #D4956A 100%);
  z-index: 2;
}

/* Thumbnail container */
.card--putesestvije .card__thumb {
  aspect-ratio: 3 / 2;
  overflow: hidden;
  position: relative;
}

/* Image — hover effect on child, not card root */
.card--putesestvije .card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .55s ease, filter .55s ease;
  filter: saturate(.88) sepia(.1);
}

.card--putesestvije:hover .card__thumb img {
  transform: scale(1.05);
  filter: saturate(1) sepia(0);
}

/* Soft navy gradient on bottom of image */
.card--putesestvije .card__thumb::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 55%, rgba(30,58,95,.28) 100%);
  pointer-events: none;
}

/* Body */
.card--putesestvije .card__body {
  padding: clamp(14px, 2.5vw, 22px);
}

/* Category eyebrow */
.card--putesestvije .card__cat {
  font-family: 'Chivo Mono', monospace;
  font-size: 9px;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #D4956A;
  margin-bottom: 8px;
  display: block;
}

/* Title */
.card--putesestvije .card__title {
  font-family: 'Vidaloka', Georgia, serif;
  font-size: clamp(18px, 2.2vw, 24px);
  font-weight: 400;
  line-height: 1.2;
  color: #1E3A5F;
  margin-bottom: 10px;
  transition: color .3s;
}

.card--putesestvije:hover .card__title {
  color: #142844;
}

/* Excerpt */
.card--putesestvije .card__excerpt {
  font-family: 'Be Vietnam Pro', sans-serif;
  font-size: clamp(13px, 1.3vw, 15px);
  font-weight: 300;
  line-height: 1.65;
  color: #5A5040;
  margin-bottom: 14px;
}

/* Meta row */
.card--putesestvije .card__meta {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-top: 12px;
  border-top: 1px solid #E8DFD0;
}

.card--putesestvije .card__date {
  font-family: 'Chivo Mono', monospace;
  font-size: 9px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #C8A951;
  opacity: .85;
}

/* Small gold dot separator */
.card--putesestvije .card__meta-sep {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #C8A951;
  opacity: .35;
  flex-shrink: 0;
}

.card--putesestvije .card__tag {
  font-family: 'Chivo Mono', monospace;
  font-size: 9px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #9A8C7A;
}

/* Read-more inline link */
.card--putesestvije .card__link {
  display: inline-block;
  font-family: 'Chivo Mono', monospace;
  font-size: 9px;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #1E3A5F;
  border-bottom: 1px solid #C8A951;
  padding-bottom: 1px;
  margin-top: 14px;
  transition: color .25s, border-color .25s;
  text-decoration: none;
}

.card--putesestvije:hover .card__link {
  color: #D4956A;
  border-color: #D4956A;
}


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

.card--putesestvije .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--putesestvije:is(:hover,.pulse) .card__img{
  transform:scale(1.05);filter:saturate(1.05) brightness(1.02);
}
.card--putesestvije .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--putesestvije .card__badge{
  position:absolute;bottom:12px;right:12px;z-index:2;
  font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  color:#3A2E1A;background:#8B6A4A;
  padding:4px 12px;border-radius:2px;
}

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

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