﻿
.store .single-product-wrapper {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    border-radius: 5px;
    padding: 0 5px 10px 5px;
    ;
}

    .store .single-product-wrapper:hover {
        box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
    }

/*PRODUCT DETAILS*/


.details {
    margin-bottom: 50px;
    min-height: 80vh;
}

    .details .product-meta-data {
        margin-right: 70px;
    }

    .details .single_product_desc {
        position: relative;
    }
        .details .single_product_desc .breadcrumb {
            white-space: pre-wrap;
            list-style: none; /* remove default list indentation */
            display: flex;
            align-items: center;
            gap: 0.5rem; /* or adjust as needed */
        }
            .details .single_product_desc .breadcrumb:before {
                content: none; /* disable unwanted pseudo-element separators */
            }

    .details .carousel {
        height: fit-content;
        padding: 10px;
        background: none;
    }


    .details .carousel-inner {
        max-height: 60vh;
    }

        .details .carousel-inner .item {
            width: 80%;
            height: 90%;
            margin: 20px 10% 20px 10%;
            border-radius: 20px;
            box-shadow: rgba(50, 93, 56, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
        }

            .details .carousel-inner .item img {
                height: 100%;
                object-fit: contain;
                width: 100%;
            }

    .details .form-control-static {
        width: 75px;
    }

    .details .btn-success {
        background: linear-gradient(135deg, #137611, #085807, #094809);
        border-radius: 12px;
    }

        .details .btn-success:hover {
            background: linear-gradient(180deg, #137611, #085807, #094809);
            border-radius: 10px;
        }

    .details .btn-primary {
        background: linear-gradient(180deg, #2f64ac, #2f4fac, #1c0896);
        border-radius: 10px;
    }

        .details .btn-primary:hover {
            background: linear-gradient(135deg, #2f64ac, #2f4fac, #1c0896);
            border-radius: 15px;
        }

    .details .in-cart {
        position: absolute;
        top: 10px;
        right: 30px;
        border-radius: 45%;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
        padding: 10px 18px;
    }


.cart {
    margin-bottom: 50px;
    min-height: 100vh;
}

    .cart h2 {
        margin-left: 15px;
        margin-bottom: 20px;
        color: #085807;
    }

    .cart .table {
        border-radius: 10px;
        margin-bottom: 20px;
    }

    .cart .breadcrumb {
        border-radius: 18px;
    }

    .cart  .cart-empty{
        padding:20px;
    }

    .cart .btn-primary {
        background: linear-gradient(135deg, #2f64ac, #2f4fac, #1c0896);
        border-radius: 12px;
    }

        .cart .btn-primary:hover {
            background: linear-gradient(180deg, #2f64ac, #2f4fac, #1c0896);
            border-radius: 10px;
        }

    .cart .btn-success {
        background: linear-gradient(135deg, #137611, #085807, #094809);
        border-radius: 12px;
    }

        .cart .btn-success:hover {
            background: linear-gradient(180deg, #137611, #085807, #094809);
            border-radius: 10px;
        }


.checkout {
    margin-bottom: 50px;
    min-height: 80vh;
}

.checkout .caption{
    margin-left:15px;
}

.checkout .caption h2{
  color: #137611;
}

    .checkout .form-control {
        outline: none;
        border-color: white;
        box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
    }

    .checkout .breadcrumb{
        border-radius:20px;
    }
    .checkout .table{
        font-size:small;
    }

    .checkout .btn-primary {

        background: linear-gradient(180deg, #2f64ac, #2f4fac, #1c0896);
        border-radius: 10px;
    }

    .checkout .btn-primary:hover {
        background: linear-gradient(135deg, #2f64ac, #2f4fac, #1c0896);
        border-radius: 15px;
    }

    .checkout .info{
        margin-bottom: 30px;
    }

    .profile{

    }

        .profile a {
            padding: 3px 7px;
            display: inline-block;
            background: linear-gradient(180deg, #0b300a, #1d5f1c);
            border-radius: 10px;
            margin-bottom: 5px;
            color:white;
            font-size: 12px;
              
        }

            .profile a:hover {
                background: linear-gradient(180deg, #1d5f1c, #0b300a);
                border-radius: 10px;
                color: #3ee42b;
            }

.milky {
    background-color: rgb(253, 227, 46, 0.25);
    line-height: normal;
}

.label-warning {
    display: inline-block;
    text-wrap: wrap;
    text-align: left;
    font-weight: normal;
}