/*
    TOP BAR
 */
.main-panel-top {
    border-bottom: 1px solid #ddd;
    height: 40px;
    overflow: hidden;
    font-size: 18px;
    width: 100%;
    display: flex;
    align-items: center;

    @media (max-width: 767px) {
        position: fixed;
        height: 54px;
        bottom: 0;
        border-top: 1px solid #ccc;
        z-index: 5;
    }

    .panel.wrapper > div {
        width: 100%;

        .contact-bar {
            display: flex;
            flex-direction: row;
            justify-content: space-evenly;

            > a, a:visited, a:hover, a:active, > span {
                color: var(--header-menu-color);
                display: flex;
                align-items: center;
                gap: 0.5rem;

                @media (max-width: 767px) {
                    display: block;
                    text-align: center;

                    i {
                        display: block;
                        margin-bottom: 0.2rem;
                    }
                }
            }
        }
    }
}

/*
    TOP MENU
 */
.ui-menu-item {
    @media (min-width: 991px) {
        border-radius: 100rem;
        margin-right: 0 !important;

        .level-top {
            padding: 18px !important;
        }

        &.classic.parent {
            background-color: var(--button-bg-color);
            color: white !important;
        }
    }
}

/* element has id="store.menu" - using \ to scape class selector */
#store\.menu {
    padding: 0.5rem 0;
    margin-top: 0;
}

.submenu, .subchildmenu {
    border-radius: 1cqh !important;
    padding: 0.3rem !important;

    .ui-menu-item, a {
        border-radius: 1cqh;
    }
}

/* Move subchild menus a little bit left to avoid losing mouse focus */
.subchildmenu {
    @media (min-width: 992px) {
        .subchildmenu {
            left: calc(100% - 4px) !important;
        }
    }
}

.section-item-title {
    display: none;
}

/* Open submenus on top */
.page-header .navigation .level0 .submenu li {
    position: unset !important;
}

/* Cart overlay */
.block-minicart.ui-dialog-content {
    border-radius: 1cqh;
    box-shadow: none;
    border: 1px solid rgba(0,0,0,0.09);
}

/*
    SEARCH INPUT
 */
input#search {
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 1cqh;

    &:focus {
        border-radius: 1cqh 1cqh 0 0;
    }
}

#search_autocomplete ul {
    border-radius: 0 0 1cqh 1cqh;
}

/*
    SCROLL TO TOP BUTTON
 */
a#totop {
    bottom: 70px;
    opacity: 0.5;
    border-radius: 100%;

    &:hover, &:active, &:focus {
        opacity: 1;
    }
}

/*
    BUTTONS, INPUTS
 */
button, .btn {
    border-radius: 100rem !important;
}

.btn.btn-primary {
    color: white;
}

.swatch-option {
    border-radius: 1cqh;
}

select {
    border-radius: 1cqh !important;
    line-height: 32px;
}

input {
    border-radius: 1cqh !important;
}

/*
    ALERTS
 */
.message {
    border-radius: 1cqh;
}

/*
    PRODUCT PHOTOS
 */
.product-item-photo {
    border-radius: 1cqh !important;
    overflow: hidden;

    img.product-image-photo {
        transition: transform .2s; /* Animation */
    }

    &:hover {
        box-shadow: none !important;

        img.product-image-photo {
            transform: scale(1.1);
        }
    }
}

/*
    SIDEBAR CONTENT
 */
.sidebar-content {
    border-radius: 1cqh;
}

/*
    CART
 */
.opc-block-summary, .cart-summary {
    border-radius: 1cqh;
}

.minicart-wrapper .action.showcart::after {
    opacity: 0;
}

/*
    MODALS
 */
.modal-inner-wrap {
    border-radius: 1cqh;
}