/*  BLOCK: WP BLOCK QUERY (Abfrage-Loop)
//////////////////////////////////////////////////////////////////////////////*/

@layer block {
    .wp-block-query {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-l);
    }
    .wp-block-post-template {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-l);
    }
    .wp-block-post {
    }
    .wp-block-post-template.is-layout-flow .wp-block-post {
    }
    .wp-block-post-template.is-layout-grid {
        column-gap: var(--spacing-m);
        row-gap: var(--spacing-m);
    }
    .wp-block-post-template.is-layout-grid .wp-block-post {
    }
    .wp-block-post-template.is-layout-grid .wp-block-post .wp-block-group__inner-container {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .wp-block-post {
        height: 100%;
        padding: 0;
    }
    .wp-block-query .wp-block-group {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .wp-block-post-title {
        margin-bottom: var(--spacing-s);
    }
    .wp-block-post-title a {
        text-wrap: balance;
        text-decoration: none;
    }
    .wp-block-post-excerpt {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-s);
    }
    .wp-block-post-excerpt__excerpt {
    }
    .wp-block-post-excerpt__more-text {
    }
    .wp-block-post-excerpt__more-link {
        font-size: var(--font-size-s);
        border: 2px solid;
        text-decoration: none;
        color: var(--color-red);
        font-weight: var(--font-weight-bold);
        padding: var(--spacing-xs) var(--spacing-m);
        border-radius: 2rem;
        display: flex !important;
        width: fit-content;
        align-items: center;
        gap: var(--spacing-xs);

        height: 40px;
        display: grid;
        place-items: center;
    }
    .wp-block-post-excerpt__more-link::after {
        content: "";
        width: 1rem;
        height: 1rem;
        background-image: url("../../images/icons/icon--arrow-right-red.svg");
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .wp-block-post-excerpt__more-link:hover {
        background-color: var(--color-red);
        color: var(--color-white) !important;
        border-color: var(--color-red);
    }
    .wp-block-post-excerpt__more-link:hover::after {
        background-image: url("../../images/icons/icon--arrow-right-white.svg");
    }
    .wp-block-query-pagination {
        display: flex;
        margin-top: var(--spacing-xl);
    }
    .wp-block-post-template-is-layout-grid ~ .wp-block-query-pagination {
    }

    .wp-block-query .is-layout-grid * {
        sline-height: 1.25 !important;
    }

    .wp-block-query .is-layout-grid .wp-block-post-title {
        margin-bottom: var(--spacing-m);
    }
    .wp-block-query .is-layout-grid .wp-block-post-title a {
    }
    .wp-block-query .is-layout-grid .wp-block-post-subtitle {
        font-size: var(--font-size-s);
        line-height: var(--line-height-s);
        font-weight: 700;
        margin-top: auto;
        margin-bottom: var(--spacing-s);
    }
    .wp-block-query-pagination > .wp-block-query-pagination-numbers {
        display: flex;
        gap: var(--spacing-xs);
    }
    .wp-block-query-pagination > .wp-block-query-pagination-next,
    .wp-block-query-pagination > .wp-block-query-pagination-numbers .page-numbers,
    .wp-block-query-pagination > .wp-block-query-pagination-previous {
        margin-bottom: 0 !important;
        margin-right: 0 !important;
        font-size: var(--font-size-s);
        border: 2px solid;
        text-decoration: none;
        color: var(--color-black);
        font-weight: var(--font-weight-bold);
        padding: var(--spacing-xs) var(--spacing-s);
        border-radius: 2rem;
        display: flex !important;
        width: fit-content;
        align-items: center;
        height: 2.5rem;
        width: 2.5rem;
        text-align: center;
        justify-content: center;
    }

    .wp-block-query-pagination > .wp-block-query-pagination-previous,
    .wp-block-query-pagination > .wp-block-query-pagination-next {
        font-size: 0 !important;
        gap: 0;
        width: 2.5rem;
        height: 2.5rem;
    }
    .wp-block-query-pagination > .wp-block-query-pagination-previous::after,
    .wp-block-query-pagination > .wp-block-query-pagination-next::after {
        content: "";
        width: 1rem;
        height: 1rem;
        background-repeat: no-repeat;
        background-size: 100%;
        position: absolute;
    }
    .wp-block-query-pagination > .wp-block-query-pagination-previous::after {
        background-image: url("../../images/icons/icon--arrow-left-black.svg");
    }
    .wp-block-query-pagination > .wp-block-query-pagination-next::after {
        background-image: url("../../images/icons/icon--arrow-right-black.svg");
    }
    .wp-block-query-pagination > .wp-block-query-pagination-previous:hover,
    .wp-block-query-pagination > .wp-block-query-pagination-next:hover {
        color: var(--color-text) !important;
    }
    .wp-block-query-pagination > .wp-block-query-pagination-previous:hover::after {
        background-image: url("../../images/icons/icon--arrow-left-black.svg");
    }
    .wp-block-query-pagination > .wp-block-query-pagination-next:hover::after {
        background-image: url("../../images/icons/icon--arrow-right-black.svg");
    }

    .wp-block-query-pagination .page-numbers {
    }
    .wp-block-query-pagination .page-numbers:hover {
        color: var(--color-red);
    }
    .wp-block-query-pagination .page-numbers.current {
        color: var(--color-grey-500);
    }
}