/* Instagram traka na početnoj — tokeni iz hedona-layout.css, obe teme. */
.hedona-ig {
  max-width: var(--hd-page);
  margin: 0 auto;
  padding: 56px 22px 8px;
  /* Kao flex stavka Elementor kolone: bez ovoga min-content (dugačak handle
     u h2) razvlači sekciju šire od ekrana telefona. */
  min-width: 0;
  box-sizing: border-box;
}
.hedona-ig__head {
  display: flex; align-items: center; justify-content: space-between;
  gap: 18px; flex-wrap: wrap; margin-bottom: 24px;
}
/* Jedan red: avatar + handle, oboje link ka profilu. */
.hedona-ig__id {
  display: inline-flex; align-items: center; gap: 14px;
  text-decoration: none; min-width: 0;
}
.hedona-ig__id:hover h2 { color: var(--hd-gold); }
.hedona-ig__avatar {
  width: 56px; height: 56px; border-radius: 50%; flex: none;
  border: 2px solid var(--hd-gold); padding: 3px; background: var(--hd-card);
  object-fit: cover;
}
.hedona-ig__id h2 {
  font-family: "Playfair Display", Georgia, serif; font-weight: 600;
  font-size: clamp(20px, 2.4vw, 28px); color: var(--hd-ink); margin: 0;
  line-height: 1; overflow-wrap: anywhere; min-width: 0;
  transition: color 0.2s ease;
}
.hedona-ig__follow { flex: none; }

/* minmax(0,1fr): prirodna širina slike (250px) inače podiže minimum kolone
   pa se mreža na telefonu prosipa van ekrana. */
.hedona-ig__grid {
  display: grid; gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (min-width: 760px) { .hedona-ig__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } }

.hedona-ig__tile {
  position: relative; display: block; overflow: hidden;
  border-radius: var(--hd-r-md);
  aspect-ratio: 1 / 1; background: var(--hd-parch);
  box-shadow: var(--hd-sh-sm);
}
.hedona-ig__tile img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  transition: transform 0.4s cubic-bezier(.2,.7,.3,1);
}
.hedona-ig__tile:hover img { transform: scale(1.06); }
.hedona-ig__glyph {
  position: absolute; inset: 0; display: grid; place-items: center;
  background: rgba(20, 15, 9, 0.42);
  opacity: 0; transition: opacity 0.22s ease;
}
.hedona-ig__tile:hover .hedona-ig__glyph,
.hedona-ig__tile:focus-visible .hedona-ig__glyph { opacity: 1; }
.hedona-ig__tile:focus-visible { outline: 2px solid var(--hd-gold); outline-offset: 2px; }

@media (prefers-reduced-motion: reduce) {
  .hedona-ig__tile img { transition: none; }
  .hedona-ig__tile:hover img { transform: none; }
}

/* Prilagodljiv broj kolona kad pravih fotografija ima 4 ili 5 (bez dopune
   proizvodima): 4 → 2×2 na telefonu i 4 u redu na desktopu; 5 → 5 u redu. */
.hedona-ig__grid--n4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 760px) {
  .hedona-ig__grid--n4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .hedona-ig__grid--n5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}