/* Kazalo vsebine — [trgo_toc]. Barva se prevzame iz Flatsomove --primary-color. */

/* Sidro se ne skrije pod lepljivo glavo. */
.entry-content h2[id],
.entry-content h3[id],
.entry-content h4[id] { scroll-margin-top: var(--trgo-toc-offset, 110px); }

/* Objava brez naslovov: skrije cel gradnik, vključno z njegovim naslovom. */
.widget:has(.trgo-toc-empty),
.trgo-toc-empty { display: none; }

.trgo-toc {
  --trgo-toc-accent: var(--primary-color, #0075c5);
  font-size: 13px;
  line-height: 1.35;
}

/* Videz prevzame Flatsomov .widget-title; tu le poravnava. */
.trgo-toc__title { margin: 0; }

/* Flatsome oblikuje sezname v vsebini in stolpcih:
   .entry-content ul li, .col-inner ul li { margin-left: 1.3em }  →  (0,1,2),
   kar prebije .trgo-toc li (0,1,1). Razred podvojimo (0,2,2), da kazalo ostane
   poravnano povsod, kamor ga postavimo, brez !important. */
.trgo-toc.trgo-toc ul { margin: 0; padding: 0; list-style: none; }
.trgo-toc.trgo-toc li { margin: 0; padding-left: 0; list-style: none; }

.trgo-toc a {
  display: flex;
  align-items: center;
  min-height: 44px;                 /* dotik: gl. Part 5, na miški se zniža spodaj */
  padding: 5px 6px 5px 10px;         /* 10px med levo črtico in besedilom */
  border-left: 2px solid transparent;
  border-radius: 0 5px 5px 0;
  color: inherit;
  text-decoration: none;
  transition: background-color .15s ease-out, color .15s ease-out, border-color .15s ease-out;
}
.trgo-toc a:hover { background: rgba(0, 0, 0, .045); color: var(--trgo-toc-accent); }
.trgo-toc a:focus-visible { outline: 2px solid var(--trgo-toc-accent); outline-offset: -2px; }

.trgo-toc a.is-current {
  color: var(--trgo-toc-accent);
  font-weight: 700;
  border-left-color: var(--trgo-toc-accent);
  background: rgba(0, 0, 0, .035);
}

.trgo-toc ul ul a { padding-left: 20px; font-size: .94em; }
.trgo-toc ul ul ul a { padding-left: 30px; }

/* Miška: postavke smejo biti tesnejše kot na dotik. */
@media (hover: hover) and (pointer: fine) {
  .trgo-toc a { min-height: 0; padding: 4px 6px 4px 10px; }
  .trgo-toc li + li { margin-top: 4px; }   /* večvrstične postavke se sicer zlijejo */
}

/* Namizje: kazalo potuje z bralcem. Domet lepljenja je višina stolpca,
   zato .widget-area raztegnemo čez celotno vrstico. */
@media (min-width: 850px) {
  .post-sidebar > .widget-area { height: 100%; }

  .widget:has(.trgo-toc) {
    position: sticky;
    top: var(--trgo-toc-sticky-top, 100px);
    max-height: calc(100vh - var(--trgo-toc-sticky-top, 100px) - 20px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}

/* ---- Mobilni izvod: kazalo pred člankom, gradnik v stolpcu skrit ---- */

.trgo-toc-inline { display: none; }

@media (max-width: 849px) {
  .entry-content h2[id],
  .entry-content h3[id],
  .entry-content h4[id] { scroll-margin-top: var(--trgo-toc-offset-mobile, 80px); }

  .widget:has(.trgo-toc) { display: none; }

  .trgo-toc-inline {
    display: block;
    margin: 0 0 24px;
    padding: 14px 12px 12px;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 6px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .trgo-toc a { transition: none; }
}