/*
 * Erfurter Boule Almanach: Styles der öffentlichen Anzeige. Reines CSS.
 * Datei neben die style.css des Themes legen. Farben und Schrift erbt der Erfurter Boule Almanach vom Theme,
 * Werte nach Bedarf anpassen. Nesting wird nur für Zustände (:hover, :first-child) verwendet.
 */

.eb-almanach__form {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 0.75rem 1rem;
    margin-block: 1.5rem;
}

.eb-almanach__field {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.eb-almanach__field--search {
    flex: 1 1 14rem;
}

.eb-almanach__label {
    font-size: 0.875em;
}

.eb-almanach__input,
.eb-almanach__select {
    font: inherit;
    color: inherit;
    padding: 0.4em 0.6em;
    background: transparent;
    border: 1px solid rgb(128 128 128 / 0.55);
    border-radius: 0.35rem;
}

.eb-almanach__button {
    font: inherit;
    padding: 0.4em 0.9em;
    cursor: pointer;
}

.eb-almanach__reset {
    align-self: center;
}

.eb-almanach__meta {
    margin-block: 0 1rem;
    opacity: 0.75;
}

.eb-almanach__nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 0.75rem;
    margin-block: 0 1.5rem;
}

.eb-almanach__nav-link {
    font-weight: 700;
    text-decoration: none;

    &:hover {
        text-decoration: underline;
    }
}

.eb-almanach__group {
    margin-block: 0 2rem;
}

.eb-almanach__letter {
    margin-block: 0 0.75rem;
}

.eb-almanach__list {
    margin: 0;
}

.eb-almanach__term {
    margin-block-start: 1rem;
    font-weight: 700;

    &:first-child {
        margin-block-start: 0;
    }
}

.eb-almanach__desc {
    margin: 0.15rem 0 0;
}

.eb-almanach__empty,
.eb-almanach__error {
    margin-block: 1rem;
}