/**
 * mod_sitemap - Stylesheet
 */

/* ── Container ─────────────────────────────────────────────────────────── */
.mod-sitemap {
    font-family: inherit;
    font-size: 1rem;
    line-height: 2.0;
}

/* ── All lists ──────────────────────────────────────────────────────────── */
.mod-sitemap__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* ── Root-level list ────────────────────────────────────────────────────── */
.mod-sitemap__list--root {
    padding-left: 0;
}

/* ── Child lists ────────────────────────────────────────────────────────── */
.mod-sitemap__list--child {
    /* без border-left — вертикальну лінію малюємо через ::before на <li> */
    margin-left: 0.4rem;
    padding-left: 1.2rem;
}

/* ── Items ──────────────────────────────────────────────────────────────── */
.mod-sitemap__item {
    position: relative;
    padding: 0.15rem 0;
}

/*
 * Вертикальна лінія зліва від кожного елемента.
 * Для звичайних елементів іде на повну висоту (100%).
 * Для останнього елемента — тільки до середини першого рядка (до крапки).
 *
 * Реалізація: ::before малює вертикальний відрізок,
 * ::after малює горизонтальний відрізок + крапку-буллет.
 */

/* Вертикальна лінія — від верху до низу для не-останніх елементів */
.mod-sitemap__list--child > .mod-sitemap__item::before {
    content: '';
    position: absolute;
    left: -1.2rem;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #ccc;
}

/* Для останнього елемента — лінія тільки до середини рядка */
.mod-sitemap__list--child > .mod-sitemap__item--last::before {
    bottom: auto;
    height: 1.0em; /* рівно до рівня крапки-буллета */
}

/* Горизонтальний відрізок (гілка до пункту) */
.mod-sitemap__list--child > .mod-sitemap__item::after {
    content: '';
    position: absolute;
    left: -1.2rem;
    top: 1.0em;
    width: 0.8rem;
    height: 1px;
    background: #ccc;
}

/* ── Bullet dot — окремий елемент через outline box-shadow ─────────────── */
/*
 * Крапку малюємо через додатковий псевдоелемент на посиланні/span,
 * бо ::before та ::after вже зайняті на <li>.
 */
.mod-sitemap__list--child > .mod-sitemap__item > .mod-sitemap__link::before,
.mod-sitemap__list--child > .mod-sitemap__item > .mod-sitemap__label::before {
    content: '•';
    position: absolute;
    left: -0.45rem;
    top: -0.1rem;
    color: #a08148;
    font-size: 1.2em;
    line-height: 2.0;
    pointer-events: none;
}

/* ── Links ──────────────────────────────────────────────────────────────── */
.mod-sitemap__link,
.mod-sitemap__label {
    color: #a08148;
    text-decoration: underline !important;
    text-decoration-color: rgba(160, 129, 72, 0.3) !important;
    -webkit-text-decoration-color: rgba(160, 129, 72, 0.3) !important;
    cursor: pointer;
    transition: color 0.15s ease;
	padding-left: 0.3em;
}

.mod-sitemap__link:hover,
.mod-sitemap__link:focus {
    color: #da4a11 !important;
	text-decoration: underline !important;
    text-decoration-color: rgba(218, 74, 17, 0.7) !important;
    -webkit-text-decoration-color: rgba(218, 74, 17, 0.7) !important;
}

.mod-sitemap__label {
    text-decoration-color: rgba(218, 74, 17, 0.7);
    -webkit-text-decoration-color: rgba(218, 74, 17, 0.7);
    cursor: default;
}

/* ── Root-level items (bold) ────────────────────────────────────────────── */
.mod-sitemap__list--root > .mod-sitemap__item > .mod-sitemap__link,
.mod-sitemap__list--root > .mod-sitemap__item > .mod-sitemap__label {
    font-weight: 700;
    font-size: 1.05rem;
    color: #a08148;
}

/* ── Spacing between root-level items ──────────────────────────────────── */
.mod-sitemap__list--root > .mod-sitemap__item {
    padding-top: 0.5rem;
    padding-bottom: 0.25rem;
}