/* Search Results Styles */
.wp-site-blocks > .wp-block-group .wp-block-search,
.wp-block-post-content .wp-block-search,
header .mobile-navigation .wp-block-search {
    max-width: var(--wp--style--global--wide-size) !important;
    --search-submit-button-width: 225px;

    .wp-block-search__inside-wrapper {
        background-color: var(--wp--preset--color--base-variant);
        border: 1px solid var(--wp--preset--color--base-variant);
        padding: var(--wp--preset--spacing--20);
        border-radius: 60px;

        .wp-block-search__input {
            border: 0;
            box-shadow: none;
            background-color: transparent;
            font-size: var(--wp--preset--font-size--medium);
            padding: 0;
            padding-left: var(--wp--preset--spacing--40);

            &:focus {
                outline: none !important;
            }
        }

        &:has(.wp-block-search__input:focus) {
            border-color: var(--wp--preset--color--primary);
        }

        .wp-block-search__button {
            width: 100%;
            max-width: var(--search-submit-button-width);
            border: 0;
            background-color: var(--wp--preset--color--accent);
            color: var(--wp--preset--color--base);
            position: relative;

            &:hover {
                background-color: var(--wp--preset--color--accent-variant);

                &:after {
                    transform: translateX(5px);
                }
            }

            &:after {
                font-size: var(--wp--preset--font-size--large);
                content: "\e9e2";
                font-family: "icomoon" !important;
                transition: all 0.3s ease-in-out;
                font-weight: 100;
                pointer-events: none;
                width: 37px;
                height: 24px;
                text-align: right;
                margin: auto;
                position: absolute;
                right: 32px;
                top: 0;
                bottom: 0;
            }
        }

        @media (max-width: 860px) {
            .wp-block-search__button {
                display: block;
                color: transparent;
                width: 36px;
                height: 36px;
                padding: var(--wp--preset--spacing--40);

                &:after {
                    color: var(--wp--preset--color--base);
                    font-size: var(--wp--preset--font-size--large);
                    left: 0;
                    right: 0;
                    text-align: center;
                    height: 20px;
                    transform: none !important;
                }
            }
        }
    }
}

.search .wp-block-post.event a.wp-block-read-more,
.search .wp-block-post.story a.wp-block-read-more,
.search .wp-block-post.crew a.wp-block-read-more,
.search .wp-block-post.job a.wp-block-read-more,
.search .wp-block-post.campaign a.wp-block-read-more,
.search .wp-block-post.vacancy-on-board a.wp-block-read-more,
.search .wp-block-post.recruiter a.wp-block-read-more {
    position: unset;
    color: var(--wp--preset--color--primary);
    text-indent: unset;
}

.wp-site-blocks > .wp-block-group [class*="is-style-section-base-variant"] .wp-block-search .wp-block-search__inside-wrapper,
.wp-block-post-content [class*="is-style-section-base-variant"] .wp-block-search .wp-block-search__inside-wrapper {
    background-color: var(--wp--preset--color--base);
    border-color: var(--wp--preset--color--midtone);
}