/* Joodit Sitemap: modern, theme-inheriting layout */

/* Base typography & spacing */
.joodit-sitemap {
    line-height: 1.5;
}

/* Some themes (incl. many commercial themes) add bullets via list-style or pseudo-elements.
   Keep the sitemap clean and predictable inside the plugin wrapper. */
.joodit-sitemap ul,
.joodit-sitemap ol {
    list-style: none !important;
    margin-left: 0 !important;
}

.joodit-sitemap li::before {
    content: none !important;
}

/* WordPress nav menu markup (what wp_nav_menu() outputs) */
.joodit-sitemap .menu {
    list-style: none !important;
    margin: 0;
    padding: 0;
}

.joodit-sitemap .menu ul {
    list-style: none !important;
    margin: 0;
    padding-left: 1.0rem !important;
}

/* Many themes treat .menu/.sub-menu as dropdown navigation (hidden/absolute).
   In sitemap context we want nested lists visible and in normal flow. */
.joodit-sitemap .menu ul,
.joodit-sitemap .menu .sub-menu {
    display: block !important;
    position: static !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    float: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
    transform: none !important;
}

.joodit-sitemap .menu li {
    float: none !important;
    position: static !important;
}

.joodit-sitemap .menu li {
    margin: 0;
    padding: 0.18rem 0;
}

.joodit-sitemap .menu li > a,
.joodit-sitemap .menu li > span {
    display: inline-flex;
    align-items: baseline;
    gap: 0.5rem;
    text-decoration: none;
}

.joodit-sitemap .menu li > a:hover,
.joodit-sitemap .menu li > a:focus {
    text-decoration: underline;
    text-underline-offset: 0.18em;
}

/* Slightly emphasize top level items */
.joodit-sitemap .menu > li {
    padding: 0.28rem 0;
}

.joodit-sitemap .menu > li > a,
.joodit-sitemap .menu > li > span {
    font-weight: 600;
}

/* Date badge: inherit color, just soften via opacity */
.sitemap_latest_date {
    display: inline-block;
    font-style: normal;
    font-size: 0.875em;
    opacity: 0.72;
    white-space: nowrap;
}

/* Category post list output (CreateCategoryList) */
.joodit-sitemap .menu li ul {
    margin-top: 0.05rem;
}

.joodit-sitemap .menu li ul li {
    padding: 0.14rem 0;
}

/* Expand/collapse */
.joodit-sitemap .menu li.is-collapsed > ul {
    display: none !important;
}

.joodit-sitemap .menu .joodit-sitemap-toggle {
    display: inline-block;
    width: 1.1em;
    line-height: 1;
    cursor: pointer;
    user-select: none;
    opacity: 0.9;
}

/* Make the icon sit where the old "Visa/Dölj" button was, but still be part of the link row */
.joodit-sitemap .menu .joodit-sitemap-has-toggle {
    position: relative;
    padding-left: 1.15em;
}

.joodit-sitemap .menu .joodit-sitemap-has-toggle > .joodit-sitemap-toggle {
    position: absolute;
    left: 0;
    top: 0.05em;
}

.joodit-sitemap .menu .joodit-sitemap-toggle:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

/* Make the date align nicely on wider screens */
@media (min-width: 720px) {
    .joodit-sitemap .menu li > a {
        display: inline-flex;
        align-items: baseline;
    }

    .sitemap_latest_date {
        margin-left: 0.5rem;
    }
}

/* Improve focus visibility without hardcoding colors */
.joodit-sitemap .menu a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}