/* Kontejner i osnovni Swiper */
.tcwrap { width:100%; }
.tcswiper{
  position:relative;
  overflow:hidden;             /* ništa ne viri van kolone */
  padding: 12px 40px 40px;     /* prostor za strelice i tačkice */
}
.tcswiper .swiper-wrapper{ align-items:stretch; }
.tcswiper .swiper-slide { height:auto; }

/* Kartica – Google-like */
.tc-card{ padding:10px; }
.tc-card-inner{
  /* CSS varijable – možeš ih zadati per kartici iz PHP-a */
  --tc-text:   #444;
  --tc-bg:     #fff;
  --tc-border: rgba(0,0,0,.08);
  --tc-accent: #fbbc04;

  background: var(--tc-bg);
  border:1px solid var(--tc-border);
  border-radius:8px;
  box-shadow: 0 1px 0 rgba(0,0,0,.02);
  padding:14px;
  height:100%;
}

/* HEAD: avatar, ime, datum, izvor */
.tc-head{ display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.tc-avatar{
  width:40px; height:40px; border-radius:50%;
  background:#eee; display:flex; align-items:center; justify-content:center;
  font-weight:700; color:#666; flex:0 0 40px; overflow:hidden;
}
.tc-avatar img{ width:100%; height:100%; object-fit:cover; display:block; }
.tc-initials{ font-size:14px; }

.tc-meta{ line-height:1.1; }
.tc-name{ font-weight:700; color:#1f1f1f; color: var(--tc-text); }
.tc-date,.tc-role{ font-size:12px; color:#777; color: color-mix(in srgb, var(--tc-text) 60%, white); }

.tc-source{ margin-left:auto; display:flex; align-items:center; }

.tc-stars{ margin:6px 0 8px; }
.tc-star{ font-size:16px; color: color-mix(in srgb, var(--tc-text) 25%, white); letter-spacing:1px; }
.tc-star.on{ color: var(--tc-accent); }
.tc-verified{ color:#1a73e8; font-size:14px; margin-left:6px; }

/* Tekst + Read more */
.tc-text{
  font-size:15px; line-height:1.6; color: var(--tc-text);
  display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; overflow:hidden;
  min-height: 6em; /* da kartice budu slične visine */
}
.tc-more{
  margin-top:8px;
  background:transparent; border:none; color: color-mix(in srgb, var(--tc-text) 60%, white);
  font-size:14px; cursor:pointer; padding:0;
}
.tc-more:hover{ color: var(--tc-text); text-decoration:underline; }

/* Strelice – male, centrirane po visini, unutar slidera */
.tcswiper .swiper-button-prev,
.tcswiper .swiper-button-next{
  position:absolute; top:50%; transform:translateY(-50%);
  width:28px; height:28px; color:#c21a1a; z-index:3;
  transition:transform .2s ease, color .2s ease;
}
.tcswiper .swiper-button-prev::after,
.tcswiper .swiper-button-next::after{ font-size:16px; }
.tcswiper .swiper-button-prev{ left:8px; }
.tcswiper .swiper-button-next{ right:8px; }
.tcswiper .swiper-button-prev:hover,
.tcswiper .swiper-button-next:hover{ color:#a81818; transform:translateY(-50%) scale(1.05); }

/* Tačkice – crvene (možeš zameniti) */
.tcswiper .swiper-pagination{ bottom:8px; }
.tcswiper .swiper-pagination-bullet{ background:#c21a1a; opacity:.35; }
.tcswiper .swiper-pagination-bullet-active{ background:#c21a1a; opacity:1; }

/* Avatar boje (kad nema slike) – 8 nijansi */
.tc-avatar[class*="tc-c"] { color:#fff; font-weight:700; }
.tc-avatar.tc-c1 { background:#8B5CF6; } /* purple */
.tc-avatar.tc-c2 { background:#EC4899; } /* pink */
.tc-avatar.tc-c3 { background:#F59E0B; } /* amber */
.tc-avatar.tc-c4 { background:#10B981; } /* emerald */
.tc-avatar.tc-c5 { background:#06B6D4; } /* cyan */
.tc-avatar.tc-c6 { background:#3B82F6; } /* blue */
.tc-avatar.tc-c7 { background:#F43F5E; } /* rose */
.tc-avatar.tc-c8 { background:#6366F1; } /* indigo */

/* Link „Open in Google” – koristi akcenat ako želiš */
.tc-google-link{
  display:inline-block;
  margin-top:10px;
  font-size:13px;
  color: color-mix(in srgb, var(--tc-accent) 70%, #202124 30%);
  text-decoration:none;
}
.tc-google-link:hover{ text-decoration:underline; color: var(--tc-accent); }

/* Responsive */
@media (max-width:1024px){
  .tcswiper{ padding:12px 32px 36px; }
}
@media (max-width:767px){
  .tcswiper{ padding:10px 28px 32px; }
  .tc-text{ -webkit-line-clamp:7; min-height: 7.2em; }
}