/* =========================================================
   Variabler – justera här istället för överallt i koden
   ========================================================= */
:root {
  --toc-offset: 200px;          /* Kompensera sticky header vid ankarlänkar */
  --toc-activation-gap: 60px;   /* Hur tidigt aktiv sektion ska slå om vid scroll */
  --toc-transition: 180ms;      /* Fade/snabba övergångar */
  --docs-sticky-offset: 60px;   /* Höjd på header + lite luft för sticky-menyer */
}

/* =========================================================
   Sticky-offset för vänstermeny & TOC
   ========================================================= */
.docs-sidebar-sticky,
.docs-toc-sticky {
  top: var(--docs-sticky-offset) !important;
}

/* TOC: gör hela sticky-blocket scrollbart om det blir för högt */
.docs-toc-sticky {
  max-height: calc(80vh - var(--docs-sticky-offset) - 20px);
  overflow-y: auto;
  overflow-x: hidden;
}

/* Custom scrollbar för TOC */
.docs-toc-sticky::-webkit-scrollbar {
  width: 3px;
}
.docs-toc-sticky::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.docs-toc-sticky::-webkit-scrollbar-thumb {
  background: #c1c1c1;
}
.docs-toc-sticky::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

/* =========================================================
   TOC (Spectra / UAGB)
   ========================================================= */

/* Ta bort standardpunkter och spacing */
.wp-block-uagb-table-of-contents .uagb-toc__list,
.wp-block-uagb-table-of-contents .uagb-toc__list li {
  list-style: none !important;
  margin: 0;
  padding: 0;
}

/* Dölj default-marker (för vissa <ol>) */
.wp-block-uagb-table-of-contents .uagb-toc__list li::marker {
  content: "" !important;
}

/* Låt li ha indrag så att alla rader vid radbryt linjerar snyggt */
.wp-block-uagb-table-of-contents .uagb-toc__list li {
  position: relative;
  padding-left: 0.3em;  /* plats för ev. pil / optisk marginal */
}

/* Mindre avstånd mellan TOC-listpunkter */
.wp-block-uagb-table-of-contents li.uagb-toc__list {
  padding-top: 5px !important;
}

/* Gemensam position/layout för TOC-pilar */
.wp-block-uagb-table-of-contents .uagb-toc__list > li::before {
  position: absolute;
  left: 0;
  top: 0.45em;     /* finjustera vertikalt vid behov */
  width: 0em;
  text-align: right;
}

/* För UL – › (om du vill ha pil endast på undernivåer) */
.wp-block-uagb-table-of-contents ul.uagb-toc__list > li::before {
  content: "›";
  color: #a0a0a0;
  font-weight: 500;
}

/* Highlight av pil vid aktiv sektion (topnivå + parent) */
.wp-block-uagb-table-of-contents .uagb-toc__list li.is-active-li::before {
  color: #000;
}

/* Indrag för undernivåer (nested ul/ol) */
.wp-block-uagb-table-of-contents .uagb-toc__list ol,
.wp-block-uagb-table-of-contents .uagb-toc__list ul {
  margin-left: 0.6em !important;
}

/* Länkar i TOC – grundstil */
.wp-block-uagb-table-of-contents .uagb-toc__list a {
  display: block;
  padding: 2px 6px 2px 10px;
  border-left: 2px solid transparent;
  border-radius: 0;
  color: #54595F;
  background: transparent;
  text-decoration: none !important;
  background-repeat: no-repeat;
  background-size: 0% 100%;      /* start: inget fyllt */
  background-position: 0 0;      /* fyll från vänster */
  transition:
    border-color var(--toc-transition) ease,
    background-color var(--toc-transition) ease,
    background-size var(--toc-transition) ease,
    color var(--toc-transition) ease;
}

/* Fokus utan ful outline */
.wp-block-uagb-table-of-contents .uagb-toc__list a:focus {
  outline: none;
  box-shadow: none;
}

/* Aktiv + parent-aktiv TOC-länk (framför allt h2/topnivå) */
.wp-block-uagb-table-of-contents .uagb-toc__list a.is-active,
.wp-block-uagb-table-of-contents .uagb-toc__list a.is-parent-active,
.wp-block-uagb-table-of-contents .uagb-toc__list a.is-active:visited,
.wp-block-uagb-table-of-contents .uagb-toc__list a.is-parent-active:visited {
  border-left-color: #92BF1F;
  background-size: 100% 100%;
  color: #000;
  font-weight: 700;
}

/* UL-nivåer (undersektioner): ingen border-left, normal vikt */
.wp-block-uagb-table-of-contents ul.uagb-toc__list > li > a {
  border-left: none !important;
  font-weight: 400 !important;
}

/* UL-nivåer: bli fetstil bara när aktiva */
.wp-block-uagb-table-of-contents ul.uagb-toc__list > li > a.is-active {
  font-weight: 700 !important;
}

/* Behaglig ankar-position när man hoppar till rubriker */
.entry-content h2[id],
.entry-content h3[id],
.entry-content h4[id],
.wp-block-post-content h2[id],
.wp-block-post-content h3[id],
.wp-block-post-content h4[id] {
  scroll-margin-top: var(--toc-offset);
}

/* =========================================================
   Vänstermeny / Reusable docs-menu
   ========================================================= */

/* Ta bort ram */
.wp-block-ub-content-toggle-accordion {
	border:0px !important;
}

/* Ta bort standardpunkter */
.wp-block-ub-content-toggle-accordion-content-wrap .reusable-docs-menu,
.wp-block-ub-content-toggle-accordion-content-wrap .reusable-docs-menu li {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Bas för vänstermeny-li */
.wp-block-ub-content-toggle-accordion-content-wrap .reusable-docs-menu li {
  position: relative;
  padding-left: 1em;
  margin: 0.2em 0 !important;
  line-height: 1.3;
}

/* Ta bort eventuella gamla pilar */
.wp-block-ub-content-toggle-accordion-content-wrap .reusable-docs-menu li::before {
  content: none !important;
}

/* Länkar i vänstermenyn */
.wp-block-ub-content-toggle-accordion-content-wrap .reusable-docs-menu a,
.wp-block-ub-content-toggle-accordion-content-wrap .reusable-docs-menu a:visited,
.wp-block-ub-content-toggle-accordion-content-wrap .reusable-docs-menu a:hover {
  text-decoration: none !important;
  color: #54595F;
}

.wp-block-ub-content-toggle-accordion-content-wrap .reusable-docs-menu a {
  display: block;
  padding: 4px 6px 4px 10px;
  border-left: 2px solid transparent;
  transition: border-color 180ms ease, background-color 180ms ease, color 180ms ease;
}

/* Aktiv länk i vänstermenyn */
.wp-block-ub-content-toggle-accordion-content-wrap .reusable-docs-menu a.is-current,
.wp-block-ub-content-toggle-accordion-content-wrap .reusable-docs-menu a.is-current:visited {
  border-left-color: #92BF1F;
  background-color: transparent;
  color: #000;
  font-weight: 700;
}

/* Hook om du vill styla hela li-raden (sätts via JS om du vill) */
.wp-block-ub-content-toggle-accordion-content-wrap .reusable-docs-menu li.is-current-li {
  /* t.ex:
  background-color: var(--toc-active-bg);
  border-radius: 4px;
  */
}

/* Visa \n i excerpts som riktiga radbrytningar */
.wp-block-post-excerpt__excerpt {
  white-space: pre-line;
}

/* =========================================================
   Reusable docs-menu – standard (list-läge): använd »
   ========================================================= */

.reusable-docs-menu,
.reusable-docs-menu li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.reusable-docs-menu li {
  position: relative;
  padding-left: 1.2em; /* plats för » */
  margin: 0.2em 0;
  line-height: 1.3;
}

.reusable-docs-menu li::before {
  content: "»";
  position: absolute;
  left: 0;
  top: 0.05em;
  color: #a0a0a0;
  font-weight: 500;
}


/* =========================================================
   Reusable docs-menu – accordion-läge: NOLLSTÄLL ALLT
   ========================================================= */

.wp-block-ub-content-toggle-accordion-content-wrap .reusable-docs-menu li {
  padding-left: 1em;        /* exakt som du redan har */
}

.wp-block-ub-content-toggle-accordion-content-wrap
.reusable-docs-menu li::before {
  content: none !important;
}



/* =========================================================
   Reduced motion
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
  .wp-block-uagb-table-of-contents .uagb-toc__list a,
  .reusable-docs-menu a {
    transition: none;
  }
}