@charset "utf-8";
/* CSS Document */

/* Category thumb tweaks */

.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .product-title,
.sub-category-grid .listWrapper .item-box .sub-category-item .category-title {
    background: rgba(255,255,255,.8);
    transform: translateY(0);
    padding: 1rem;
    width: calc(100% - 4px);
    left: 2px;
    bottom: 2px;
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item,
.sub-category-grid .listWrapper .item-box {
    border-top: none;
}

.sub-category-grid .listWrapper .item-box:after,
.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item:after {
    padding-bottom: 121%;
}


/* Checkout loading overlay */

.checkout-data {
    ol#checkoutSteps {
        position: relative;
        overflow: hidden;
    }

    .buttons {
        position: unset;
        opacity: 1 !important;

        .please-wait {
            position: absolute;
            top: 50%;
            left: 50%;
            opacity: 1 !important;
            font-size: 2rem;
            transform: translate(-50%, -50%);

            img {
                display: inline !important;
                height: 30px;
            }
        }

        .please-wait::after {
            content: '';
            height: 100vh;
            width: 100vw;
            position: absolute;
            top: -50vh;
            left: -50vw;
            background: white;
            z-index: -1;
        }
    }
}


/* Ensure the billing address dropdown is fully visible */

.vue-component-wrapper-billing .advanced-select.is-extended {
    max-height: 300px;
    overflow-y: auto;
    display: block;
    padding: 10px;
    border: 1px solid #ccc;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}


/* Ensure the shipping address dropdown is fully visible */

.vue-component-wrapper-shipping-address .advanced-select.is-extended {
    max-height: 300px;
    overflow-y: auto;
    display: block;
    padding: 10px;
    border: 1px solid #ccc;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}


/* =========================================
   HIDE PRODUCT TIER PRICES / PRICE BREAKS
========================================= */

.product-variant-list .tier-prices {
    display: none !important;
}