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

/* Catgory 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-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; /* Adjust this value as needed */
    overflow-y: auto; /* Add scroll if content overflows */
    display: block; /* Ensure proper rendering of dropdown */
    padding: 10px; /* Add padding for better appearance */
    border: 1px solid #ccc; /* Optional: Add border for visibility */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional: Add shadow */
}

/* Ensure the shipping address dropdown is fully visible */
.vue-component-wrapper-shipping-address .advanced-select.is-extended {
    max-height: 300px; /* Adjust this value as needed */
    overflow-y: auto; /* Add scroll if content overflows */
    display: block; /* Ensure proper rendering of dropdown */
    padding: 10px; /* Add padding for better appearance */
    border: 1px solid #ccc; /* Optional: Add border for visibility */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional: Add shadow */
}