/*
 Theme Name:   Monsta Child Theme 2022
 Template:     twentytwentytwo
 Version:      1.0.0
 Description:  MonstaCommerce Child theme 2022
 Author:       MonstaCommerce
 Requires at least: 5.9
 Tested up to: 6.0
 Requires PHP: 7.4
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns
*/

body header .is-layout-flow > * + *,
.wp-site-blocks main {
    margin-block-start: 0;
}

/* change alignment in the header when shopping cart icon is not displayed */
body.no-shopping .is-layout-flex.monsta-header-status {
    gap: 0;
}

body.search .wp-site-blocks {
    padding-left: 0;
    padding-right: 0;
    background: rgba(0,0,0,.03);
}

body.search .wp-site-blocks .wp-block-template-part:first-child {
    padding-left: calc(var(--wp--custom--spacing--outer) / 2);
    padding-right: calc(var(--wp--custom--spacing--outer) / 2);
}

.monsta-layout-flow > *,
:root :where(.monsta-layout-flow) > * {
     margin-block-start: 0;
     margin-block-end: 0;
 }

body.search .wp-site-blocks .wp-block-template-part:not(:first-child):not(.d-none),
body.search .wp-block-monsta-searchterms .search-term:not(.d-none),
body.search .wp-block-monsta-searchmap,
body.search .wp-block-monsta-searchcategories,
body.search .wp-block-monsta-searchfavorites .favorite-list:not(.d-none),
body.search .wp-block-monsta-searchresults .search-results:not(.d-none),
body.search .monsta-search-container {
    margin-block-start: var(--mp-search-gap);
}

/* this gives our input controls a dialog-like appearance in the block editor */
.monsta-input-controls {
    border: 1px solid gray;
    border-radius: 4px;
    padding: 0.5rem;
    margin: 0.5rem;
    z-index: 1000;
    position: absolute;
    right: 1rem;
    top: 1rem;
    background: cornsilk;
    max-width: 80%;
    min-width: 50%;
}

.monsta-topbar {
    background-color: var(--wp--preset--color--foreground);
    color: var(--wp--preset--color--background);
    text-align: center;
    padding: 0.5rem;
    font-size: .8rem;
    letter-spacing: 0.05em;
}

.search-page,
.monsta-search-container {
    min-height: 600px;
}

.monsta-search-container.is-layout-flex {
    gap: var(--mp-search-gap);
}

.monsta-search-container.is-layout-flex .mobile-button-container {
    flex-basis: 32px;
    flex-grow: 0;
    border-radius: var(--bs-border-radius-sm);
}

.monsta-search-container.is-layout-flex .btn-group-vertical > .btn {
    width: 32px;
}

.search-map.offcanvas,
.search-category.offcanvas {
    top: 142px;
}

.wp-block-monsta-searchtermstatic .suggestions {
    display: none;
}

ol.breadcrumb {
    margin-left: 0;
}

/* FontAwesome styles for the block editor */
.svg-inline--fa {
    display: inline-block;
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
}

@media (max-width: 768px) {
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
        gap: unset;
        padding: 0;
        --navigation-layout-justification-setting: flex-start;
        --navigation-layout-justify: flex-start;
    }

    .monsta-search-container {
        min-height: unset;
    }

    .monsta-search-container.is-layout-flex .mobile-button-container {
        height: 32px;
    }

    .btn-group-vertical {
        flex-direction: row!important;
        /* using --bs-border-radius-sm for padding because otherwise we get square corners */
        padding-left: var(--bs-border-radius-sm);
    }

    .btn-group-vertical .btn {
        border-radius: 0;
        margin-top: 0!important;
    }
}