/* ===== Custom Accordion ===== */

.acc { width: 100%; box-sizing: border-box; }

.acc-item {
  border-top: 1px solid rgba(35, 3, 3, 0.3);
}
.acc-item:last-child { border-bottom: 1px solid rgba(35, 3, 3, 0.3); }

.acc-head {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  width: 100%;
  background: none;
  border: 0;
  padding: 40px 0;
  margin: 0;
  cursor: pointer;
  text-align: left;
}

/* zajednicki stil: font porodica/tezina (velicina i boja se podesavaju po elementu iz Elementora) */
.acc-text {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  color: #230303;
}
.acc-q  { font-size: 16px; }
.acc-a  { font-size: 16px; }
.acc-num { font-size: 16px; }

.acc-num {
  flex: 0 0 auto;
  min-width: 28px;
}

/* centralna kolona: drzi pitanje (uvek vidljivo) + panel sa odgovorom */
.acc-center {
  flex: 1 1 auto;
  min-width: 0;                 /* dozvoli da se sadrzaj suzi i lomi unutar flexa */
  text-align: center;
}

.acc-q {
  display: block;
  line-height: 1.3;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word;
}

/* panel se EXPANDuje (visina 0 -> auto preko max-height) */
.acc-panel {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition:
    max-height 0.7s cubic-bezier(0.16, 1, 0.3, 1),
    opacity   0.6s ease;
  will-change: max-height, opacity;
}
.acc-item.is-open .acc-panel { opacity: 1; }

/* odgovor: centriran u koloni, max-width 500px (kontrolisano iz Elementora),
   lomi se u vise redova kad predje tu sirinu */
.acc-a {
  display: block;
  box-sizing: border-box;
  max-width: 500px;
  margin: 20px auto 0 auto;     /* 20px ispod pitanja + centriran */
  line-height: 1.4;
  white-space: normal !important;
  overflow-wrap: break-word;
  word-break: break-word;
}

.acc-icon {
  flex: 0 0 auto;
  line-height: 0;
}
.acc-icon img {
  display: block;
  width: 18px;
  height: 18px;
  transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);
}
.acc-item.is-open .acc-icon img { transform: rotate(90deg); }

.acc-head { transition: opacity 0.3s ease; }

/* ubija temin hover background - ostaje samo opacity 0.5 */
.acc .acc-head,
.acc .acc-head:hover,
.acc .acc-head:focus,
.acc .acc-head:active {
  background: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
.acc .acc-head:hover { opacity: 0.5; }