:root {
    --anim-ease: ease-out;
    --anim-speed: 0.25s;
}

/* Utility classes */

.hide-overflow {
    overflow: hidden;
}

.hide-overflow-x {
    overflow-x: hidden;
}

/* Button blocks */

.wp-block-button__link {
    transition: all var(--anim-speed) var(--anim-ease);
    transition-property: background-color, border-color, color;
}

.wp-block-button__link:hover {
    background-color: var(--wp--preset--color--secondary) !important;
    border-color: var(--wp--preset--color--white);
    color: var(--wp--preset--color--white) !important;
}

/* Image block */

.wp-block-post-featured-image.is-style-styled,
.wp-block-image.is-style-styled {
    clip-path: shape(from 0 0, line to 80% 0, arc to 100% 30% of 25% cw, line to 100% 100%, line to 20% 100%, arc to 0 70% of 25% cw);
}


/* Navigation block */

.wp-block-navigation__responsive-dialog {
    padding: var(--wp--preset--spacing--40);
    padding-left: var(--wp--style--root--padding-left);
    padding-right: var(--wp--style--root--padding-right);
}

.wp-block-navigation__responsive-container-close {
    right: var(--wp--style--root--padding-right);
    top: var(--wp--preset--spacing--40);
}

/* Pagination numbers block */

.wp-block-query-pagination-numbers {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: var(--wp--preset--font-size--small);
    gap: var(--wp--preset--spacing--30);
    justify-content: center;
    line-height: 1;
}

.wp-block-query-pagination-numbers > .page-numbers {
    align-items: center;
    background-color: var(--wp--preset--color--primary);
    border-radius: 4em;
    color: var(--wp--preset--color--white);
    display: flex;
    justify-content: center;
    min-width: 1.75em;
    padding: 0.375em 0;
    text-align: center;
    text-decoration: none;
    transition: all var(--anim-speed) var(--anim-ease);
    transition-property: background-color, color;
}

.wp-block-query-pagination-numbers > .current.page-numbers {
    background-color: var(--wp--preset--color--secondary);
}

.wp-block-query-pagination-numbers > a.page-numbers:focus,
.wp-block-query-pagination-numbers > a.page-numbers:hover {
    background-color: var(--wp--preset--color--light);
    color: var(--wp--preset--color--primary);
}

.wp-block-query-pagination-numbers > a.page-numbers:active {
    background-color: var(--wp--preset--color--alternative);
    color: var(--wp--preset--color--white);
    transition-duration: 20ms;
}

/* Search block */

.wp-block-search__button-only {
    bottom: 4px;
    position: relative;
    left: 4px;
}

.wp-block-search.wp-block-search__button-only > .wp-block-search__inside-wrapper {
    align-items: stretch;
    display: flex;
}

.wp-block-search.wp-block-search__button-only .wp-block-search__button,
.wp-block-search.wp-block-search__button-only .wp-block-search__input {
    border-radius: var(--wp--preset--spacing--30);
}

.wp-block-search.wp-block-search__button-only .wp-block-search__button {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0.375em;
}

.wp-block-search.wp-block-search__button-only .wp-block-search__input {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-width: 0;
    outline: none;
    padding: 0.375em 0.5em;
    position: absolute;
    right: 100%;
}

.wp-block-search.wp-block-search__button-only .wp-block-search__button[aria-expanded="true"] {
    background-color: var(--wp--preset--color--secondary) !important;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    color: var(--wp--preset--color--white);
}

.wp-block-search__button > .search-icon {
    transform: rotateY(180deg);
}

@media (max-width: 599px) {
    .wp-block-search.wp-block-search__button-only .wp-block-search__input {
        position: static;
    }
}
