/*
Theme Name: Bloody Mary's Box
Theme URI: https://bloodymarysbox.ng
Description: Child theme for preserving Bloody Mary's Box customisations.
Author: Spark Strand
Template: twentytwentytwo
Version: 1.0.6
Text Domain: twentytwentytwo-child
*/

.bmb-hero-carousel {
        position: relative;
        width: 100%;
        min-height: 40vw;
        margin-top: 0;
        overflow: hidden;
        background: #000;
        display: none;
}

.bmb-hero-carousel .bmb-hero-slide {
        position: absolute;
        inset: 0;
        opacity: 0;
        visibility: hidden;
        transition: opacity 500ms ease;
}

.bmb-hero-carousel .bmb-hero-slide.is-active {
        opacity: 1;
        visibility: visible;
}

.bmb-hero-carousel .bmb-hero-slide img {
        width: 100%;
        height: 100%;
        min-height: 40vw;
        object-fit: cover;
        display: block;
}

.bmb-hero-carousel .bmb-hero-nav {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 44px;
        height: 44px;
        border: 0;
        border-radius: 999px;
        background: rgba(0, 0, 0, 0.45);
        color: #fff;
        font-size: 26px;
        line-height: 1;
        cursor: pointer;
        z-index: 3;
}

.bmb-hero-carousel .bmb-hero-nav.prev {
        left: 16px;
}

.bmb-hero-carousel .bmb-hero-nav.next {
        right: 16px;
}

.bmb-mobile-highlight-header .wp-block-search__inside-wrapper {
        background: #fff;
        border: 1px solid #c01610;
        border-radius: 999px;
        padding: 4px;
}

.bmb-mobile-header-search-wrap .wp-block-search__inside-wrapper {
        background: #fff;
        border: 1px solid #c01610;
        border-radius: 999px;
        padding: 4px;
        overflow: hidden;
}

.bmb-mobile-highlight-header .wp-block-search__label,
.bmb-mobile-highlight-header .wp-block-search__input {
        color: #c01610 !important;
        border: 0 !important;
        background: transparent !important;
}

.bmb-mobile-highlight-header input.wp-block-search__input {
        color: #c01610 !important;
        -webkit-text-fill-color: #c01610 !important;
        caret-color: #c01610;
}

.bmb-mobile-header-search-wrap input.wp-block-search__input {
        color: #c01610 !important;
        -webkit-text-fill-color: #c01610 !important;
        caret-color: #c01610;
        border: 0 !important;
        background: transparent !important;
        border-radius: 999px 0 0 999px;
        margin: 0 !important;
}

.bmb-mobile-highlight-header input.wp-block-search__input::placeholder {
        color: #c01610 !important;
        opacity: 0.8;
}

.bmb-mobile-header-search-wrap input.wp-block-search__input::placeholder {
        color: #c01610 !important;
        opacity: 0.8;
}

.bmb-mobile-highlight-header .wp-block-search__button {
        margin: 0;
        border: 0;
        border-radius: 999px;
        background: #c01610;
        color: #fff;
}

.bmb-mobile-header-search-wrap .wp-block-search__button {
        margin: 0;
        border: 0;
        border-radius: 999px;
        background: #c01610;
        color: #fff;
}

.bmb-mobile-highlight-header .wp-block-search__inside-wrapper:focus-within {
        box-shadow: 0 0 0 2px rgba(192, 22, 16, 0.25);
}

.bmb-mobile-header-search-wrap .wp-block-search__inside-wrapper:focus-within {
        box-shadow: 0 0 0 2px rgba(192, 22, 16, 0.25);
}

.bmb-mobile-highlight-header input.wp-block-search__input:focus,
.bmb-mobile-highlight-header input.wp-block-search__input:focus-visible,
.bmb-mobile-highlight-header input.wp-block-search__input:active {
        outline: none !important;
        box-shadow: none !important;
}

.bmb-mobile-header-search-wrap input.wp-block-search__input:focus,
.bmb-mobile-header-search-wrap input.wp-block-search__input:focus-visible,
.bmb-mobile-header-search-wrap input.wp-block-search__input:active {
        outline: none !important;
        box-shadow: none !important;
}

@media (max-width: 782px) {
        .bmb-mobile-highlight-header {
                background: #fff !important;
                color: #c01610 !important;
        }

        .bmb-mobile-highlight-header .wp-block-group,
        .bmb-mobile-highlight-header p,
        .bmb-mobile-highlight-header span,
        .bmb-mobile-highlight-header strong,
        .bmb-mobile-highlight-header .wp-block-site-title a,
        .bmb-mobile-highlight-header .wp-block-site-tagline,
        .bmb-mobile-highlight-header .wp-block-navigation,
        .bmb-mobile-highlight-header .wp-block-navigation a,
        .bmb-mobile-highlight-header .wc-block-mini-cart,
        .bmb-mobile-highlight-header .wc-block-customer-account,
        .bmb-mobile-highlight-header .wc-block-customer-account__account-icon,
        .bmb-mobile-highlight-header .wc-block-mini-cart__button,
        .bmb-mobile-highlight-header .wc-block-mini-cart__amount,
        .bmb-mobile-highlight-header .wc-block-mini-cart__badge {
                color: #c01610 !important;
        }

        .bmb-mobile-highlight-header .bmb-mobile-header-search-wrap {
                display: block;
                width: 100%;
                margin-top: 12px;
        }

        .bmb-mobile-highlight-header .bmb-mobile-header-search {
                margin-top: 0;
        }

        .bmb-mobile-header-search-wrap input.wp-block-search__input {
                color: #c01610 !important;
                -webkit-text-fill-color: #c01610 !important;
                background: #fff !important;
        }

        .bmb-mobile-header-search-wrap .wp-block-search__inside-wrapper {
                overflow: hidden;
                border-radius: 999px;
                padding: 3px;
        }

        .bmb-mobile-header-search-wrap input.wp-block-search__input {
                border-radius: 999px 0 0 999px;
                padding-left: 14px;
                padding-right: 14px;
        }

        .bmb-mobile-header-search-wrap .wp-block-search__button {
                border-radius: 999px;
                min-width: 44px;
        }

        .bmb-mobile-header-search-wrap input.wp-block-search__input::placeholder {
                color: #c01610 !important;
        }

        .bmb-mobile-highlight-header .wp-block-navigation__responsive-container-open {
                color: #c01610;
        }

        .bmb-mobile-highlight-header .wp-block-navigation__responsive-container.is-menu-open {
                background: #fff !important;
                color: #c01610 !important;
        }

        .bmb-mobile-highlight-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
        .bmb-mobile-highlight-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
        .bmb-mobile-highlight-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
        .bmb-mobile-highlight-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
        .bmb-mobile-highlight-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list a,
        .bmb-mobile-highlight-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu__toggle,
        .bmb-mobile-highlight-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
                color: #c01610 !important;
        }

        .bmb-mobile-highlight-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
                font-weight: 600;
        }

        .bmb-mobile-highlight-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
                border-bottom: 1px solid rgba(192, 22, 16, 0.18);
                padding: 6px 0;
        }

        .bmb-mobile-highlight-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-search {
                display: none !important;
        }

        .wp-block-navigation__responsive-container.has-modal-open.is-menu-open {
                background: #fff !important;
                color: #c01610 !important;
        }

        .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__responsive-container-content,
        .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__container,
        .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation-item,
        .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation-item__content,
        .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-page-list a,
        .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation-submenu__toggle,
        .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__responsive-container-close {
                color: #c01610 !important;
        }

        .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__responsive-container-content {
                padding-right: 20px;
                padding-left: 16px;
        }

        .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation-item__content,
        .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-page-list a {
                text-decoration: none !important;
                border-bottom: 0 !important;
                box-shadow: none !important;
        }

        .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item {
                border-bottom: 1px solid rgba(192, 22, 16, 0.18);
                padding: 8px 0;
        }

        .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__submenu-container {
                margin-top: 8px;
                padding: 6px 0 6px 14px;
                border-left: 2px solid rgba(192, 22, 16, 0.2);
                row-gap: 6px;
        }

        .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation-item > ul {
                margin-top: 8px;
                margin-right: 0;
                margin-bottom: 0;
                margin-left: 0;
                padding: 6px 0 6px 14px !important;
                border-left: 2px solid rgba(192, 22, 16, 0.2) !important;
                list-style: none;
        }

        .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item {
                border-bottom: 0;
                padding: 2px 0;
        }

        .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-search,
        .wp-block-navigation__responsive-container.has-modal-open.is-menu-open form.wp-block-search,
        .wp-block-navigation__responsive-container.has-modal-open.is-menu-open [role="search"] {
                display: none !important;
                visibility: hidden !important;
                max-height: 0 !important;
                overflow: hidden !important;
                margin: 0 !important;
                padding: 0 !important;
                border: 0 !important;
        }

        .bmb-hero-carousel {
                min-height: 60vw;
        }

        .bmb-hero-carousel .bmb-hero-slide img {
                min-height: 60vw;
        }

        .bmb-hero-carousel .bmb-hero-nav {
                width: 38px;
                height: 38px;
                font-size: 22px;
        }
}

@media (min-width: 783px) {
        .bmb-mobile-header-search-wrap {
                display: none;
        }

        .wp-block-navigation .wp-block-search__inside-wrapper {
                background: #fff !important;
                border: 1px solid #c01610 !important;
                border-radius: 999px;
                padding: 4px;
        }

        .wp-block-navigation .wp-block-search__input {
                color: #c01610 !important;
                -webkit-text-fill-color: #c01610 !important;
                border: 0 !important;
                background: transparent !important;
                caret-color: #c01610;
        }

        .wp-block-navigation .wp-block-search__input::placeholder {
                color: #c01610 !important;
                opacity: 0.8;
        }

        .wp-block-navigation .wp-block-search__button {
                margin: 0;
                border: 0 !important;
                border-radius: 999px;
                background: #c01610 !important;
                color: #fff !important;
        }

        .wp-block-navigation .wp-block-search__inside-wrapper:focus-within {
                box-shadow: 0 0 0 2px rgba(192, 22, 16, 0.25);
        }

        .wp-block-navigation .wp-block-search__input:focus,
        .wp-block-navigation .wp-block-search__input:focus-visible {
                outline: none !important;
                box-shadow: none !important;
        }

        .wp-block-navigation .wp-block-navigation__submenu-container {
                background: #fff !important;
                border: 1px solid rgba(192, 22, 16, 0.22) !important;
                border-radius: 10px;
                padding: 8px 10px;
        }

        .wp-block-navigation .wp-block-navigation__submenu-container a,
        .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
        .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-page-list a {
                color: #c01610 !important;
                text-decoration: none !important;
                border-bottom: 0 !important;
                box-shadow: none !important;
        }

        .wp-block-navigation .wp-block-navigation__submenu-container a:hover,
        .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
                background: rgba(192, 22, 16, 0.08);
                border-radius: 6px;
        }

        .bmb-mobile-highlight-header .wp-block-navigation .wp-block-navigation__submenu-container {
                background: #fff !important;
                border: 1px solid rgba(192, 22, 16, 0.22);
                border-radius: 10px;
                padding: 8px 10px;
                min-width: 220px;
        }

        .bmb-mobile-highlight-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
        .bmb-mobile-highlight-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-page-list a,
        .bmb-mobile-highlight-header .wp-block-navigation .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container a {
                color: #c01610 !important;
                text-decoration: none !important;
                border-bottom: 0 !important;
                box-shadow: none !important;
        }

        .bmb-mobile-highlight-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
        .bmb-mobile-highlight-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-page-list a:hover {
                background: rgba(192, 22, 16, 0.08);
                border-radius: 6px;
        }
}