/*
 * The site's own theme (themes/kleinanzeigen-enhanced): what pages from other sources need inside the
 * plugin's header and footer. site.css resets margins and lists for the plugin's own pages; BetterDocs,
 * WooCommerce and the texts of WordPress pages expect the spacing a classic theme gives them. Since
 * 29.10.2026 the theme only carries the site's design: Elementor pages are gone (they redirect, Router).
 */

.kew-theme-main :is(p, ul, ol, table, blockquote) {
    margin: 0 0 1em;
}

.kew-theme-main :is(p, ul, ol, table, blockquote):last-child {
    margin-bottom: 0;
}

/* Lists and pictures written in a text keep their bullets and stay in the line. */
.kew-theme-main :is(ul, ol):not([class]) {
    padding-left: 1.4em;
}

.kew-theme-main ul:not([class]) {
    list-style: disc;
}

.kew-theme-main ol:not([class]) {
    list-style: decimal;
}

.kew-theme-main p img {
    display: inline-block;
}

/* Lists of search results and archives. */
.kew-theme-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.kew-theme-list li {
    padding: 20px 0;
    border-bottom: 1px solid var(--line);
}

.kew-theme-list li > a {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
}

.kew-theme-list li > p {
    margin: 6px 0 0;
}

.kew-theme-main .nav-links {
    display: flex;
    gap: 16px;
    margin-top: 24px;
}

.kew-theme-actions {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    margin-top: 28px;
}

/* WooCommerce wraps its pages in #primary; the plugin's column keeps them readable. */
.kew-theme-main > #primary {
    width: min(100% - 32px, 1240px);
    margin: 48px auto 96px;
}

/* reCAPTCHA badge hidden, as before (support and contact form). */
.grecaptcha-badge {
    visibility: hidden;
}

.kew-theme-main a {
    font-weight: 600;
}

/* BetterDocs guide: links and headings in the site's navy, links underlined. */
.betterdocs-wrapper a {
    color: var(--navy) !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

.betterdocs-wrapper h2,
.betterdocs-wrapper h3 {
    color: var(--navy) !important;
}