/* Search Block */
.wp-block-search { padding: 0; min-width: 16rem; max-width: calc(100vw - 2rem); }
.wp-block-search__inside-wrapper {padding: 0;/* border-radius: 0.2rem; */border: none;}
.wp-block-search__input {font-size: 1rem;padding-left: 1rem;background: none;border: none;color: var(--white);}
body .wp-block-search__button {margin: 0;padding: 0;background-color: var(--primary-color);transition: background-color 0.3s, color 0.3s;background-repeat: no-repeat;background-position: center;background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.33339 1.66667C7.29053 1.66723 6.26235 1.91243 5.33147 2.38258C4.4006 2.85272 3.59301 3.53469 2.9736 4.37368C2.3542 5.21266 1.94026 6.18526 1.76505 7.2133C1.58984 8.24134 1.65826 9.29614 1.96479 10.2929C2.27133 11.2897 2.80744 12.2007 3.53003 12.9526C4.25263 13.7046 5.14155 14.2765 6.12535 14.6225C7.10916 14.9684 8.1604 15.0788 9.1946 14.9446C10.2288 14.8104 11.2171 14.4355 12.0801 13.85L16.2001 17.9667C16.3145 18.0895 16.4525 18.188 16.6058 18.2563C16.7592 18.3246 16.9247 18.3614 17.0925 18.3643C17.2604 18.3673 17.4271 18.3364 17.5827 18.2735C17.7384 18.2107 17.8798 18.1171 17.9985 17.9984C18.1172 17.8797 18.2107 17.7383 18.2736 17.5827C18.3365 17.427 18.3673 17.2603 18.3644 17.0925C18.3614 16.9246 18.3247 16.7591 18.2564 16.6058C18.188 16.4524 18.0895 16.3144 17.9667 16.2L13.8501 12.08C14.5311 11.0776 14.9261 9.9086 14.9925 8.69857C15.0589 7.48854 14.7942 6.2833 14.2269 5.21244C13.6595 4.14158 12.8111 3.24561 11.7727 2.62087C10.7343 1.99612 9.54524 1.66623 8.33339 1.66667ZM4.16673 8.33334C4.16673 7.22827 4.60571 6.16846 5.38711 5.38706C6.16852 4.60566 7.22832 4.16667 8.33339 4.16667C9.43846 4.16667 10.4983 4.60566 11.2797 5.38706C12.0611 6.16846 12.5001 7.22827 12.5001 8.33334C12.5001 9.43841 12.0611 10.4982 11.2797 11.2796C10.4983 12.061 9.43846 12.5 8.33339 12.5C7.22832 12.5 6.16852 12.061 5.38711 11.2796C4.60571 10.4982 4.16673 9.43841 4.16673 8.33334Z" fill="white"/></svg>');}
.wp-block-search__button:is(:hover, :focus-visible) {background-color: var(--primary-color);color: var(--accent-color);}

@media (max-width: 68.49em) { 
    body .wp-block-search__button {/* color: var(--primary-color); *//* background: var(--white); */}
    .wp-block-search__button:is(:hover, :focus-visible) {background-color: transparent;color: var(--white);}
}


/* Search Results Page */
.wp-block-query-no-results .wp-block-search__inside-wrapper { outline-color: var(--primary-color); }
.wp-block-query-no-results .wp-block-search__input {color: var(--content-color);}

body .wp-block-query-no-results .wp-block-search__button { width: auto; padding: 0.75rem 1rem; background-image: unset; }
body .wp-block-query-no-results .wp-block-search__button:is(:hover, :focus-visible) {background: var(--color2);color: var(--white);}


/* Search Bar Placeholder */
::placeholder { color: var(--white); font-style: italic; }

.menu-search {
    .wp-block-search__inside-wrapper { padding: 0; }
    .wp-block-search__input {padding: 0.3rem 0.5rem;color: var(--white);}
    .wp-block-search__button { padding: 0.3rem; }
    .wp-block-search__button:is(:hover, :focus-visible) {}
}


/* Menu Search Block */
#menu-main-menu {
    .wp-block-search { max-width: 30rem; padding: 0; }
    .wp-block-search__inside-wrapper { border-radius: 0; }
    .wp-block-search__input {color: var(--white);border: 1px solid var(--white);border-right: none;}
    .wp-block-search__button {padding: 0.7rem 0.8rem;line-height: 1;font-size: 0.8rem;color: var(--primary-color);background: var(--white);}
    .wp-block-search__button:is(:hover, :focus-visible) {background: var(--wp--preset--color--color-2);color: var(--white);}
}

@media (min-width: 68.5em) { 
    #menu-main-menu {
        .wp-block-search { max-width: 24rem; }
        .wp-block-search__input {color: var(--accent-color);border: 1px solid var(--accent-color);border-right: none;}
        .wp-block-search__button { background: var(--primary-color); color: var(--white); }
    }
}








