/*
 * Das Archiv übernimmt bewusst Typografie und Breiten des aktiven Themes.
 * Eigene Regeln beschränken sich auf die zusätzlichen Archiv-Komponenten.
 */

.rathuus-archive-bar {
    box-sizing: border-box;
    width: 100%;
    max-width: none !important;
    margin: 0;
    border-block-end: 1px solid var(--wp--preset--color--base);
    color: #ffffff;
    background: var(--wp--preset--color--contrast);
    font-size: var(--wp--preset--font-size--small);
}

.rathuus-archive-bar__inner {
    box-sizing: border-box;
    width: 100%;
    max-width: none !important;
    max-inline-size: none !important;
    margin-inline: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: var(--wp--preset--spacing--10, 0.75rem) var(--wp--preset--spacing--30, 1.5rem);
    padding-block: var(--wp--preset--spacing--10, 0.75rem);
    padding-inline: 1rem;
}

.rathuus-archive-bar__copy,
.rathuus-archive-bar__name {
    margin: 0;
}

.rathuus-archive-bar__identity {
    flex: 0 1 auto;
    min-inline-size: 0;
    display: inline-flex;
    align-items: baseline;
    gap: 0.45em;
}

.rathuus-archive-bar__name {
    min-inline-size: 0;
}

.rathuus-archive-bar__separator {
    opacity: 0.72;
}

.rathuus-archive-bar__status {
    font-size: 0.7em;
    font-weight: 500;
    opacity: 0.72;
    white-space: nowrap;
}

.rathuus-archive-bar__copy {
    flex: 0 1 auto;
    min-inline-size: 0;
    max-inline-size: 100%;
    text-align: start;
    text-wrap: pretty;
}

@media (max-width: 781px) {
    .rathuus-archive-bar__identity,
    .rathuus-archive-bar__copy {
        flex-basis: 100%;
    }
}

.rathuus-archive-bar__back {
    flex: 0 1 auto;
    min-inline-size: 0;
    min-block-size: 1.75rem;
    display: inline-flex;
    align-items: center;
    color: inherit;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

.rathuus-archive-bar__back:hover {
    text-decoration-thickness: 0.12em;
}

.rathuus-archive-bar__back:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: 3px;
}

.rathuus-archive-index {
    padding-block: var(--wp--preset--spacing--30);
}

.rathuus-archive-intro {
    max-width: var(--wp--style--global--content-size);
    margin-block-end: var(--wp--preset--spacing--30);
}

.rathuus-archive-intro__title {
    margin-block: 0 var(--wp--preset--spacing--10);
}

.rathuus-archive-intro__lead {
    margin: 0;
    max-width: 70ch;
}

.rathuus-archive-intro__lead a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

.rathuus-archive-intro__lead a:focus-visible {
    outline: 2px solid var(--wp--preset--color--contrast);
    outline-offset: 3px;
}

.rathuus-archive-search,
.rathuus-archive-search__label,
.rathuus-archive-search__input,
.rathuus-archive-search__button {
    font: inherit;
}

.rathuus-archive-search {
    margin-block-end: var(--wp--preset--spacing--30);
}

.rathuus-archive-search__label {
    display: block;
    margin-block-end: var(--wp--preset--spacing--10);
    font-weight: 600;
}

.rathuus-archive-search__row {
    display: flex;
    flex-wrap: wrap;
    gap: var(--wp--preset--spacing--20);
}

.rathuus-archive-search__input {
    min-width: 0;
    width: 100%;
    min-block-size: 2.75rem;
    flex: 1 1 18rem;
    padding: 0.75em 1em;
    color: inherit;
    background: transparent;
    border: 1px solid currentColor;
    border-radius: 0;
}

.rathuus-archive-search__button {
    min-block-size: 2.75rem;
    cursor: pointer;
}

.rathuus-archive-search__input:focus-visible,
.rathuus-archive-search__button:focus-visible,
.rathuus-archive-list a:focus-visible,
.rathuus-archive-pagination a:focus-visible {
    outline: 2px solid var(--wp--preset--color--contrast);
    outline-offset: 3px;
}

.rathuus-archive-results__summary {
    margin-block-end: var(--wp--preset--spacing--20);
}

.rathuus-archive-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.rathuus-archive-list__item {
    padding-block: var(--wp--preset--spacing--30);
    border-block-start: 1px solid color-mix(in srgb, currentColor 14%, transparent);
}

.rathuus-archive-list__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35em;
    font-size: var(--wp--preset--font-size--small);
}

.rathuus-archive-list__title {
    margin-block: 0.25em;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
    text-align: start;
}

.rathuus-archive-list__title a {
    margin-inline: 0;
    padding-inline: 0;
}

.rathuus-archive-list__excerpt,
.rathuus-archive-list__excerpt p {
    margin-block: 0;
}

.rathuus-archive-list__item:last-child {
    border-block-end: 1px solid color-mix(in srgb, currentColor 14%, transparent);
}

.rathuus-archive-pagination {
    margin-block-start: var(--wp--preset--spacing--20);
}

.rathuus-archive-pagination > ul.page-numbers {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35em 0.5em;
    margin: 0;
    padding: 0;
    list-style: none;
}

.rathuus-archive-pagination > ul.page-numbers > li {
    margin: 0;
}

.rathuus-archive-pagination a.page-numbers,
.rathuus-archive-pagination span.page-numbers {
    min-inline-size: 2rem;
    min-block-size: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-inline: 0.25em;
    color: inherit;
    text-decoration: none;
    border-block-end: 1px solid transparent;
}

.rathuus-archive-pagination a.page-numbers:hover {
    border-block-end-color: currentColor;
}

.rathuus-archive-pagination span.page-numbers.current {
    border-block-end-color: currentColor;
    font-weight: 600;
}

.rathuus-archive-pagination .prev,
.rathuus-archive-pagination .next {
    min-inline-size: auto;
    color: var(--wp--preset--color--contrast-2, currentColor);
}

.rathuus-archive-external {
    padding: var(--wp--preset--spacing--30);
    border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
    font: inherit;
}