.table-of-contents {
    padding: 0;
    margin: 0;
}
/*
   Per-web štýlovanie cez CSS premenné — každý web ich prebije vo svojej téme
   alebo v Elementor Custom CSS. Fallbacky držia rozumný default:
     --cdesk-toc-bg        : pozadie TOC (mobil)
     --cdesk-toc-title     : farba titulku
     --cdesk-toc-link      : farba odkazov
     --cdesk-toc-link-active: farba aktívneho odkazu
*/
.table-of-contents .toc-title {
    margin: 0 0 12px;
    font-weight: 700;
    font-size: 1.1em;
    line-height: 1.3;
    color: var(--cdesk-toc-title, var(--e-global-color-text));
}
/* Stránka bez nadpisov: prázdny TOC (titulok bez obsahu) skryjeme všade,
   na desktope aj na mobile, aby nevznikalo prázdne miesto. */
.table-of-contents.toc-empty {
    display: none;
}
@media (max-width: 767px) {
    /* Na mobile dostane celý TOC vlastné pozadie / odsadenie / zaoblenie. */
    .table-of-contents {
        background-color: var( --cdesk-toc-bg, #f5f5f5 );
        padding: 20px;
        border-radius: 20px;
    }
}
.table-of-contents .toc-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.table-of-contents .toc-list li {
    margin: 8px 0;
    padding: 0;
    position: relative;
    line-height: 1.3em;
}
.table-of-contents .toc-list li.toc-h1 { font-weight: bold; padding-left: 0; }
.table-of-contents .toc-list li.toc-h2 { font-size: .95em; padding-left: 12px; }
.table-of-contents .toc-list li.toc-h3 { font-size: .9em;  padding-left: 24px; }
.table-of-contents .toc-list li.toc-h4 { font-size: .85em; padding-left: 36px; }
.table-of-contents .toc-list li.toc-h5 { font-size: .8em;  padding-left: 48px; }
.table-of-contents .toc-list li.toc-h6 { font-size: .75em; padding-left: 60px; }
.table-of-contents .toc-list li a {
    color: var(--cdesk-toc-link, var(--e-global-color-text));
    text-decoration: none;
}
.table-of-contents .toc-list li a:hover {
    text-decoration: underline;
}
.table-of-contents .toc-list li a.active {
    color: var(--cdesk-toc-link-active, var(--e-global-color-accent, #2563eb));
}