/* DS Speakers – osnovni stilovi */

.ds-speakers-grid{
  display:grid;
  grid-template-columns: repeat(var(--ds-cols,3), 1fr);
  gap: 200px 60px
}

@media (max-width: 1024px){
  .ds-speakers-grid{ grid-template-columns: repeat(2,1fr); }
}



.ds-speakers-card{
  background: transparent;
  margin:0;
  padding:0;
  border:0;
}

.ds-speakers-photo{
  position: relative;
  overflow: visible;
}

.ds-speakers-img{
  display:block;
  width:100%;
  height:auto;
  transition: opacity 400ms ease;
}

/* HOVER: slika blijedi na 0.5 */
.ds-speakers-card:hover .ds-speakers-img{
  opacity: 0.7;
}

/* NOVO: Badge pozicioniranje - iznad slike, a ne preko */
.ds-speakers-badge{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -99%);
  z-index: -2;
  pointer-events: none;
  width: 100% !important;
  height: auto;
}

.ds-speakers-info{
  margin-top:16px;
}

.ds-speakers-name{
  margin:30px 0 0px 0;
  padding-bottom: 10px;
  font-size:24px !important;
  line-height:1.2;
  font-weight: 800 !important;
  color:#000;
}

.ds-speakers-lead{
  font-size:18px;
  line-height:1.4;
  color:#000;
  margin-bottom: 10px !important;
}

.ds-speakers-toggle{
  background:none;
  border:0;
  padding:0;
  font: inherit;
  cursor:pointer;
  color:#78BE21;
  font-size:18px;
  line-height:1.3;
  text-decoration:none;
  /* NOVO: Dodano za glatku tranziciju pozicije */
  transition: margin-top 300ms ease;
}

.ds-speakers-toggle,
.ds-speakers-toggle:focus,
.ds-speakers-toggle:focus-visible,
.ds-speakers-toggle:active{
  outline: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Bio panel (collapsible) */
.ds-speakers-bio{
  overflow:hidden;
  transition: max-height 300ms ease;
  max-height:0;
}
.ds-speakers-bio-inner{
  font-size:18px;
  line-height:1.6;
  color:#000;
  padding-top: 10px;
  /* NOVO: Smooth transition i za sadržaj */
  transition: opacity 300ms ease;
}

/* Kad je panel otvoren, zadržava opacity */
.ds-speakers-bio[aria-hidden="false"] .ds-speakers-bio-inner{
  opacity: 1;
}

/* Kad se panel zatvara, blago fade */
.ds-speakers-bio[aria-hidden="true"] .ds-speakers-bio-inner{
  opacity: 0.8;
}

/* Kad je gumb ispod bio-a, dodaj razmak od teksta */
.ds-speakers-toggle.ds-toggle-below{
  display:inline-block;
  margin-top:22px;
}

/* Desktop: podigni srednji stupac (3 kolone) */
@media (min-width: 1025px){
  .ds-speakers-grid[data-cols="3"] .ds-speakers-card:nth-child(3n + 2){
    transform: translateY(-110px);
  }
}


@media (max-width: 640px){
  .ds-speakers-grid{
    grid-template-columns: repeat(1,1fr);
gap: 74px 60px;
}

.ds-speakers-lead {
    margin-bottom: 0 !important;
    padding-bottom: 24px !important;
}
}