/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .nikki-ajax-add-to-cart-button .button.add-to-cart-details-button {
    cursor: pointer;
    border-radius: 5px;
    padding: 5px 15px;
}

.nikki-ajax-add-to-cart-button .button.add-to-cart-details-button:hover {
    background-color: #f4f4f4;
} 

.nikki-ajax-add-to-cart-button img.product-feature-image {
    margin: 0;
    display: block;
}

.nikki-ajax-add-to-cart-button p {
    margin: 0;
}
.nikki-ajax-add-to-cart-button a.add_to_cart_button {
    display: flex;
    flex-direction: row-reverse;
    border: none;
}

.nikki-product-carousel h3 {
    margin: 0;
    font-size: 1rem;
}
.nikki-product-carousel .swiper-slide {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.nikki-product-carousel .add_to_cart_button {
    display: flex;
    border-radius: 0;
    border-style: none;
}
.nikki-product-carousel {
    margin: 0;
}
.quantity-button-wrap .added_to_cart {
    display: none;
}

.nikki-ajax-add-to-cart-button  {
    a.nikki-addtocartbutton {
        text-decoration: none;
    }
    .quantity-button-wrap {
        display: flex;
        align-items: stretch;
        flex-direction: row;
        flex-wrap: nowrap;
        position: relative;
        margin-bottom: 20px;
        margin-top: 12px;
        font-size: 0.8rem;
        color: #fff;
    }
    .nikki-add-to-cart-quantity {
        width: 60px;
        padding: 8px 4px;
        font-size: 0.8rem;
        text-align: center;
        color: #000;
        align-self: stretch;
        border: 3px solid #e4e4e4;
        border-radius: 5px 0 0 5px;
        border-right: none;
        height: 100%;
    }
    .nikki-addtocartbutton {
        display: flex;
        flex-grow: 1;
        justify-content: between;
        padding: 12px 16px;
        border-radius: 0 5px 5px 0;
        flex-direction: row;
        color: #fff;

        svg {
            display: block;
            height: auto;
            width: 24px;
            fill: current;
            position:absolute;
            right: 12px;
        }

        .text-label {
            padding-right: 18px;
            text-align: center;
            flex-basis: 100%;
        }
    }
    .swiper-button-next, 
    .swiper-button-prev {
        height: 4rem;
        padding: .75rem 1rem;
        font-size: .8rem;
        color: rgb(0 0 0);
        -webkit-box-shadow: -1px 3px 11px 0px rgba(0,0,0,0.42);
        -moz-box-shadow: -1px 3px 11px 0px rgba(0,0,0,0.42);
        box-shadow: -1px 3px 11px 0px rgba(0,0,0,0.42);
    }
    .swiper-button-prev {
        border-radius: 0 6px 6px 0;
    }
    .swiper-button-next {
        border-radius: 6px 0 0 6px;
    }
    .swiper-button-next:after, 
    .swiper-button-prev:after {
        font-size: 1.25rem;
    }
    
}

.nikki-product-carousel  {
    .popover {
      
        position: absolute;
        z-index: 10;
        display: inline-block;
        width: 280px;
        border-radius: 10px;
        border: 1px solid #ccc;
        background-color: #fff;
        font-size: 0.8rem;
        color: #000;
        padding: 15px;
        -webkit-box-shadow: -1px 3px 11px 0px rgba(0,0,0,0.42);
        -moz-box-shadow: -1px 3px 11px 0px rgba(0,0,0,0.42);
        box-shadow: -1px 3px 11px 0px rgba(0,0,0,0.42);
        
    }
}