/* ===== Telenor TOC — card + länkar, top-level utan indrag (responsiv) ===== */
:root{
  --text:#0f172a;
  --border:#e6e8f0;
  --shadow:0 2px 16px rgba(2,6,23,.08);

  /* spacing */
  --toc-gap: 4px;
  --toc-gap-mobile: 3px;

  /* indrag för undernivåer (H3+) */
  --toc-indent: 14px;
  --toc-indent-mobile: 12px;
}

/* Kortet */
.elementor-widget-table-of-contents .elementor-widget-container{
  background:#fff;
  border:1px solid var(--border);
  border-radius:16px;
  padding:14px 14px 10px;
  box-shadow:var(--shadow);
}

/* Rubrik */
.elementor-widget-table-of-contents .elementor-toc__header-title{
  margin:0 0 8px 0;
  color:var(--text);
  font-weight:800;
  line-height:1.15;
}

/* Lista – kompakt, inga bullets */
.elementor-widget-table-of-contents .elementor-toc__list-wrapper{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:var(--toc-gap);
}
.elementor-widget-table-of-contents .elementor-toc__list-item{ position:relative; }
.elementor-widget-table-of-contents a.elementor-toc__list-item-text::before{ content:none !important; }

/* Länkar – neutral look, alltid samma färg; radbryt långa titlar */
.elementor-widget-table-of-contents a.elementor-toc__list-item-text,
.elementor-widget-table-of-contents a.elementor-toc__list-item-text:visited,
.elementor-widget-table-of-contents a.elementor-toc__list-item-text:hover,
.elementor-widget-table-of-contents a.elementor-toc__list-item-text:active,
.elementor-widget-table-of-contents a.elementor-toc__list-item-text:focus,
.elementor-widget-table-of-contents a.elementor-toc__list-item-text:focus-visible{
  display:block;
  color:var(--text) !important;
  text-decoration:none !important;
  line-height:1.26;
  background:transparent !important;
  outline:none !important;
  box-shadow:none !important;
  border:none !important;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
  padding-left:0;                 /* <-- top-level default: ingen indrag */
}

/* Endast undernivåer (ej .elementor-toc__top-level) får indrag */
.elementor-widget-table-of-contents
  a.elementor-toc__list-item-text:not(.elementor-toc__top-level){
  padding-left:var(--toc-indent);
}

/* Neutralisera Elementors “active” helt (ingen färg/effekt) */
.elementor-widget-table-of-contents .elementor-item-active{
  color:inherit !important;
  background:transparent !important;
  text-shadow:none !important;
}

/* ===== Mobilanpassning ===== */
@media (max-width: 767px){
  .elementor-widget-table-of-contents .elementor-widget-container{
    padding:12px 12px 8px;
    border-radius:14px;
  }
  .elementor-widget-table-of-contents .elementor-toc__list-wrapper{
    gap:var(--toc-gap-mobile);
  }
  /* lite mindre indrag på undernivåer på mobil */
  .elementor-widget-table-of-contents
    a.elementor-toc__list-item-text:not(.elementor-toc__top-level){
    padding-left:var(--toc-indent-mobile);
  }
}

/* Om du vill behålla tangentbordsfokus, ta bort blocket ovan med :focus/:focus-visible */
.elementor-toc__header {
    background-color: transparent;
}