/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 12-Aug-2023, 11:05:26 am
    Author     : naeem.tabsyst
*/

/*  .floverfy-product-details-img-container{
                border: 1px solid var(--fv-border-default);

            }
            .floverfy-product-details-img-container img{
                width: 400px;
                height:  400px;
                max-height: 80vh;
                max-width: 80 vw;
                object-fit: contain;
                object-position: center;
            }*/

            .floverfy-breadcrumb-item{
                word-break: keep-all;
            }
            .fv-breadcrumb-container{
                padding-left: 20px;
               overflow-x: auto;
            }
            .fv-breadcrumb-container a{
                text-decoration: none;
                color: rgb(var(--fv-text-primary-rgb));
                font-size: 12px;
            }

            .fv-product-detail-product-main-h1{
                color: #000000;
                /*font-family: Assistant;*/
                font-size: 41px;
                font-style: normal;
                font-weight: 500;
                line-height: 53.3px;
                margin-bottom: 0;
            }

            @media only screen and (max-width: 992px){

            .fv-product-detail-product-main-h1{
                color: #000000;
                font-size: 20px;
                font-style: normal;
                font-weight: 400;
                line-height: 53.3px;
                margin-bottom: 0;
            }

            }



            .fv-product-detail-brand-name a{
                color: #5B5B5B;
                font-size: 15px;
                font-style: normal;
                font-weight: 400;
                line-height: 22.5px;
                text-decoration: none;
            }
            .fv-pd-mini-slider{
                font-size: 10px;
            }

            .pv-price{
                color: #0E0E0E;
                font-size: 22px;
                font-style: normal;
                font-weight: 500;
                line-height: 28.6px;
            }
            .old-price{
                color: #696B79;
                font-size: 18px;
                font-style: normal;
                font-weight: 500;
                line-height: 28.8px;
            }
            .fv-sale-perc-off{
                color: #C10000;
                font-size: 18px;
                font-style: normal;
                font-weight: 400;
                line-height: 18px;
            }
            
            .pv-var-attr-btn{
               border: 1px solid #E1E4EA;
               border-radius: 10px !important;
               padding: 13px 56px;
            }

            @media only screen and (max-width: 992px){
                .pv-var-attr-btn {
                    padding: 13px 10px;
                }
            }

            .pv-var-attr-btn:hover{
               border: 1px solid #6257A5;
            }

            .pv-var-attr-btn-selected {
                border: 1px solid #6257A5;
                border-radius: 10px !important;
                padding: 13px 56px;
            }

            @media only screen and (max-width: 992px){
                .pv-var-attr-btn-selected {
                    padding: 13px 10px;
                }
            }


            .pv-qty-container{
                width: 150px;
            }
            

     
            
            /* @media only screen and (max-width: 992px){
               .pv-cart-sticky{
                    width: 100vw;
                    position: fixed;
                    height: auto;
                    padding: 15px;
                    bottom: 0;
                    left: 0;
                    z-index: 100;
                    background-color: rgb(var(--fv-bg-secondary-rgb));
                } 
            } */
            
            
            .shipping-details-item{
                width: 370px;
                padding: 25px;
                border: 1px solid #e3e3e3;
                border-radius: 5px;
            }

            .shipping-details-img img{
                height: 24px;
                width: 24px;
                object-fit: contain;
                object-position: center;
                aspect-ratio: 3/2;
        
            }
          
            .fv-attr-title{
                color: #000000;
                font-family: Assistant;
                font-size: 16px;
                font-style: normal;
                font-weight: 500;
                line-height: 21px; 
            }
          
          
          
     
          
            .pv-select_variant_btn_stock_styling:not([data-stock="In-Stock"]) {
                background-color: #e7e7e7;
                border: 1px solid #5a5a5a;
                color: #5a5a5a;
                background-image: linear-gradient(to bottom right, transparent 46%, #00000021 48%);
                background-size: 102% 100%;
                background-repeat: no-repeat;
            }

            .sold-out-badge{
                font-size: 10px;
                color: black;
                font-weight: bold;
            }

            img.floverfy-product-detail-image {
                height: 545px;
                width: 415px;
                object-fit: contain;
                object-position: center;
            }

            @media only screen and (max-width: 992px){
                img.floverfy-product-detail-image {
                    height: 300px;
                    width: 300px;
                }
                
            }
 
 
            .variants-container img{
                             object-fit: contain;
                             object-position: center;
                             height: 185px;
                             width: 160px;
                         }
                         
                         
                         
             #pv-more-details-accordation            .accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: #FFF7D6;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
   #pv-more-details-accordation .accordion-button:focus {
    z-index: 3;
    border-color:  #FDD214;
    outline: 0;
    box-shadow:  0 0 0 0.1rem #fdd2146b;
}

.floverfy-product-detail-image-slider .owl-stage-outer {
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px !important;
}

.fv-review-container {
    /* border: 1px solid #ededed;
    border-radius: 0.375rem;
    padding: 8px; */
}



.fv-breadcrumb-link{
    color: #333e48 !important;
    white-space: nowrap;
}
.fv-breadcrumb-container{
    overflow-x: auto;
    width: 100vw;
    display: flex;
    flex-flow: row;
    padding: 2px;
    margin-top: 5px;
    align-items: center;
        list-style: none;
}
@media (min-width: 600px) {
    .fv-breadcrumb-container {
        /*margin-left: 20px;*/
        font-size: 12px;
        padding-top:5px;
    }
}

.fv-breadcrumb-item+.fv-breadcrumb-item::before {
              
    font-family: 'bootstrap-icons';
  
    line-height: 1 !important;
    font-size: 8px;
    content: "";
    /* content: "\F231"; */
    vertical-align: central;
    padding-right: 2px;
}

.fv-breadcrumb-item .pv-prodt_name {
    color: #000000 !important;
    font-size: 18px;
}












.toast {
    position: fixed;
    top: 25px;
    right: 25px;
    max-width: 350px;
    background-color: #f0e2e2 !important;
    padding: 1rem;
    border-radius: 5px;
    border: 1px solid #14A44D; /* Green border */
    z-index: 9999;
    display: flex;
    align-items: center;
    animation: slideInRight 0.3s ease-in-out forwards, fadeOut 0.5s ease-in-out forwards 3s;
}

.toast-content-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.toast-icon {
    font-size: 1.5rem;
    color: #14A44D; 
    margin-right: 10px;
}

.toast-message-wrapper {
    flex: 1;
}

.toast-title {
    color: #14A44D;
    font-size: 1rem;
    font-weight: bold;
}

.toast-message {
    color: #000;
    font-size: 0.875rem;
}

.toast-close-btn {
    background: none;
    border: none;
    font-size: 1.2rem;
    color: #aaa;
    cursor: pointer;
    padding: 0;
    margin-left: 10px;
}

.toast-close-btn:hover {
    color: #888;
}

.toast-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 100%;
    background-color: #14A44D; /* Green progress bar */
    animation: toastProgress 5s ease-in-out forwards;
}

@keyframes slideInRight {
    0% {
        transform: translateX(110%);
    }
    100% {
        transform: translateX(0%);
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes toastProgress {
    0% {
        width: 100%;
    }
    100% {
        width: 0%;
    }
}


#pv-add_to_cart {
    background: linear-gradient(135deg, #403778, #6257A5);
    padding: 20px 40px;
    border-radius: 8px;
    border: #403778;
    color: #fff;
    font-weight: 500;
    font-size: 20px;
}

#pv-enquiry_add_btn {
    background: linear-gradient(135deg, #403778, #6257A5);
    padding: 20px 40px;
    border-radius: 8px;
    border: #403778;
    color: #fff;
    font-weight: 500;
    font-size: 20px;
}

@media only screen and (max-width: 992px){
    #pv-enquiry_add_btn {
        padding: 15px 40px;
    }
}

@media only screen and (max-width: 992px){
    #pv-add_to_cart {
        padding: 4px 5px;
        height: 60px;
    }
}

.pv-wish-list-btn {
    background: #fff;
    padding: 17px 40px;
    border-radius: 8px;
    border: 1px solid #403778;
    /* color: #fff; */
    font-weight: 500;
    font-size: 20px;
}

@media only screen and (max-width: 992px){
    .pv-wish-list-btn {
        padding: 4px 5px;
        height: 60px;
    }
}

.button-custom-add-to-cart {
    background: #fff;
    padding: 20px 40px;
    border-radius: 8px;
    border: 1px solid #403778;
    color: #6257A5;
    font-weight: 500;
    font-size: 20px;
}

#pv-shareBtn {
    padding: 12px 17px !important;
    border-radius: 50px;
    background-color: #F8F8F8;
    border: none;
}


/* ---------- QUANTITY UP/DOWN BUTTON :: START ------------ */


.qty-wrapper .qty-down{
    border: 1px solid #E1E4EA;
    border-right: none;
    padding: 9px;
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

.qty-wrapper .qty-down:hover{
    background-color: #403778;
}

.qty-wrapper .qty-down:hover .bi-dash {
    color: #fff;
}

.qty-wrapper .qty-up{
    border: 1px solid #E1E4EA;
    border-left: none;
    padding: 9px;
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

@media only screen and (max-width: 992px){
    .qty-wrapper .qty-up{ 
        padding: 13px;
    }
    .qty-wrapper .qty-down{ 
        padding: 13px;
    }

}

.qty-wrapper .qty-up:hover{
    background-color: #403778;
}

.qty-wrapper .qty-up:hover .bi-plus {
    color: #fff;
}

.qty-wrapper .qty-val{
    border-left: #fff;
    border-right: #fff;
}


/* ---------- QUANTITY UP/DOWN BUTTON :: END ------------ */


.accordion-button {
    font-size: 22px;
    line-height: 22.5px;
    font-weight: 400;
}

.progress, .progress-stacked{
    height: 0.3rem;
    background-color: #BBBBBB;
}

.progress-bar {
    background-color: #6257A5 !important;
}

.bi-star-fill {
    color: #BBBBBB !important;
}

@media (max-width: 767.98px) {
  .pv-customer_review_summary {
    order: -1;
    display: flex;
  }

  /* .pv-customer_review_underline {
    order: -1;
  } */

  .pv-customer_review_list {
    order: 1;
  }

  .pv-customer_review-progress_bars {
    width: 100%;
  }



}

@media (max-width: 767.98px) {
    .pv-customer_review_underline {
        border: 2px solid #E1E4EA;
        width: -webkit-fill-available;
        margin: 20px 13px;
    }
}
@media (min-width: 768px) {
    .pv-customer_review_underline {
        border-left: 2px solid #E1E4EA;
        height: auto;
        width: 0;
        margin-left: 50px;
    }
}





/* ---------------- PRODUCT ATTRIBUTES :: START ------------------ */


                                    .size-selector {
                                        display: flex;
                                        gap: 12px;
                                        align-items: center;
                                        justify-content: left;
                                        flex-wrap: wrap;
                                    }

                                    .size-option {
                                        width: 50px;
                                        height: 50px;
                                        border: 2px solid #e0e0e0;
                                        border-radius: 10px;
                                        display: flex;
                                        align-items: center;
                                        justify-content: center;
                                        background-color: white;
                                        cursor: pointer;
                                        transition: all 0.2s ease;
                                        font-size: 14px;
                                        font-weight: 500;
                                        color: #666;
                                        position: relative;
                                        padding: 13px 56px;
                                    }

                                    .size-option:hover {
                                        border-color: #6257A5;
                                        transform: scale(1.05);
                                    }

                                    .size-option.selected {
                                        border-color: #6257A5;
                                        color: #6257A5;
                                        background-color: #fff;
                                    }

                                    .size-option.disabled {
                                        border-color: #f0f0f0;
                                        color: #ccc;
                                        cursor: not-allowed;
                                        background-color: #fafafa;
                                    }

                                    .size-option.disabled:hover {
                                        transform: none;
                                        border-color: #f0f0f0;
                                    }

                                    .size-option.disabled::after {
                                        content: '';
                                        position: absolute;
                                        top: 50%;
                                        left: 15%;
                                        right: 15%;
                                        height: 1px;
                                        background-color: #ddd;
                                        transform: translateY(-50%) rotate(-45deg);
                                    }

                                    /* Responsive design */
                                    @media (max-width: 480px) {
                                        .size-selector {
                                            gap: 8px;
                                        }
                                        
                                        .size-option {
                                            width: 45px;
                                            height: 45px;
                                            font-size: 13px;
                                        }
                                    }
                              
/* ---------------- PRODUCT ATTRIBUTES :: END ------------------ */



.pv-add-to-wishlist-text {
    color: #6257A5;
}