/* ═══════════════════════════════════════
   ADMA PROGRAM — ACCORDION STYLING
   Barve prihajajo iz CSS spremenljivk,
   ki jih nastavi PHP iz ACF polj.
   ═══════════════════════════════════════ */


/* ── Dnevni naslovi (znotraj tabov) ── */
#top .av-tab-section-container .av-special-heading.av-special-heading-h2,
.entry-content-wrapper .av-special-heading.av-special-heading-h2 {
  background: var(--adma-dark) !important;
  padding: 18px 28px !important;
  border-radius: 8px !important;
  max-width: 860px !important;
  margin: 10px auto 20px !important;
}

#top .av-tab-section-container .av-special-heading-tag,
.entry-content-wrapper .av-special-heading-h2 .av-special-heading-tag {
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  text-align: center !important;
}


/* ── Tabovi za dneve ── */
.adma-program-tabs .av-tab-section-tab-title-container {
  max-width: 860px;
  margin: 0 auto;
}

.adma-program-tabs .av-section-tab-title {
  background: #f5f4f1 !important;
  color: #666 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  border-radius: 8px 8px 0 0 !important;
}

.adma-program-tabs .av-section-tab-title.av-active-tab-title {
  background: var(--adma-dark) !important;
  color: #fff !important;
}


/* ── Toggle container ── */
.togglecontainer {
  border: none !important;
  max-width: 860px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.togglecontainer .single_toggle {
  border: none !important;
  border-bottom: 1px solid #f0eeea !important;
  margin: 0 !important;
}


/* ── Toggler (zaprta vrstica) ── */
.togglecontainer .toggler {
  padding: 16px 20px 16px 40px !important;
  background: #fff !important;
  border: none !important;
  border-left: 3px solid var(--adma-color) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #2c2c2a !important;
  transition: background 0.15s ease;
  margin: 0 !important;
}

.togglecontainer .toggler:hover {
  background: #faf9f7 !important;
}


/* ── Toggler (odprto) ── */
.togglecontainer .toggler.activemark {
  background: #fdf8fb !important;
}


/* ── Ikona +/− ── */
.togglecontainer .toggler .toggle_icon .hor_icon,
.togglecontainer .toggler .toggle_icon .vert_icon {
  background: #ccc !important;
}


/* ── Ura ločena od naslova (JS doda .adma-time in .adma-title) ── */
.togglecontainer .toggler .adma-time {
  display: inline-block;
  min-width: 65px;
  font-size: 13px;
  font-weight: 400;
  color: #999;
  font-variant-numeric: tabular-nums;
  margin-right: 8px;
  vertical-align: middle;
}

.togglecontainer .toggler .adma-title {
  font-size: 14px;
  font-weight: 500;
  color: #2c2c2a;
  vertical-align: middle;
}


/* ── Odmori — toggler ── */
.single_toggle[data-tags*="{Odmor}"] .toggler {
  border-left-color: #d4d2cd !important;
  background: #faf9f7 !important;
  font-weight: 400 !important;
  color: #999 !important;
  font-size: 13px !important;
}

.single_toggle[data-tags*="{Odmor}"] .toggler .adma-time {
  color: #ccc;
}

.single_toggle[data-tags*="{Odmor}"] .toggler .adma-title {
  font-weight: 400;
  color: #999;
  font-size: 13px;
}


/* ── Slavnostno ── */
.single_toggle[data-tags*="{Slavnostno}"] .toggler {
  border-left-color: var(--adma-dark) !important;
}

.single_toggle[data-tags*="{Slavnostno}"] .toggle_content {
  border-left-color: var(--adma-dark) !important;
}


/* ── Delavnica ── */
.single_toggle[data-tags*="{Delavnica}"] .toggler {
  border-left-color: var(--adma-dark) !important;
}


/* ── Vsebina (razširjena) ── */
.togglecontainer .toggle_content {
  padding: 12px 20px 20px 75px !important;
  background: #fdf8fb;
  border-left: 3px solid var(--adma-color) !important;
  font-size: 14px;
  line-height: 1.65;
  color: #555;
}

.single_toggle[data-tags*="{Odmor}"] .toggle_content {
  border-left-color: #d4d2cd !important;
  background: #faf9f7;
}

.togglecontainer .toggle_content img.alignleft,
.togglecontainer .toggle_content img {
  width: 90px !important;
  height: 90px !important;
  border-radius: 50% !important;
  object-fit: cover;
  margin: 0 16px 8px 0 !important;
}

/* ── Neaktivni tabovi ── */
#top .adma-program-tabs .av-section-tab-title {
  background: #e8e5e0 !important;
  color: #555 !important;
  border-radius: 8px 8px 0 0 !important;
}

#top .adma-program-tabs .av-section-tab-title span {
  color: #555 !important;
}

/* ── Aktivni tab ── */
#top .adma-program-tabs .av-section-tab-title.av-active-tab-title {
  background: var(--adma-dark) !important;
  color: #fff !important;
}

#top .adma-program-tabs .av-section-tab-title.av-active-tab-title span {
  color: #fff !important;
}