/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

.product-label.new {
    background: rgb(39,189,227) !important;
}

.product.disable-add-to-cart .single_add_to_cart_button,
.product.disable-add-to-cart .woocommerce-variation-add-to-cart,
.product.disable-add-to-cart .quantity {
    display: none !important;
}

#enquiryModal {
    z-index: 99999; /* Ensure it's above the quick view modal */
}

.quick-view-modal {
    z-index: 9999; /* Ensure it's below the enquiry modal */
}


.enquire-button {
    --btn-color: #fff;
    --btn-color-hover: #fff;
    --btn-bgcolor: var(--wd-alternative-color);
    --btn-bgcolor-hover: var(--wd-alternative-color);
    --btn-brd-color: var(--wd-alternative-color);
    --btn-brd-color-hover: var(--wd-alternative-color);
    --btn-box-shadow-hover: inset 0 0 0 1000px rgba(0,0,0,0.1)
}


/* enquiry pop up */


/* Prevent background scroll */
body.modal-open {
    overflow: hidden; /* Locks body scroll */
}

/* Modal Background Styling */
#enquiryModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Dim background */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    padding: 20px; /* Add padding for spacing */
    overflow: hidden; /* Prevent entire modal overflow */
}

/* Ensure the modal content is scrollable and show scrollbar */
#enquiryModal .modal-content {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    max-width: 500px;
    width: 100%;
    max-height: 80%; /* Limit height to allow scrolling */
    overflow-y: auto; /* Always show vertical scrollbar */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Add shadow for depth */
    position: relative;
    scrollbar-width: thin; /* For modern browsers */
    scrollbar-color: #ccc #f9f9f9; /* Custom scrollbar colours */
    -webkit-overflow-scrolling: touch; /* Smooth scrolling for iOS */
}

@media screen and (max-width: 768px) {
    #enquiryModal .modal-content {
        border-radius: 0;
        width: 100%;
        max-height: 100%; /* Full height on mobile */
    }
}

/* For Webkit browsers (Chrome, Edge, Safari) */
#enquiryModal .modal-content::-webkit-scrollbar {
    width: 10px; /* Width of the scrollbar */
}

#enquiryModal .modal-content::-webkit-scrollbar-thumb {
    background: #ccc; /* Scrollbar thumb colour */
    border-radius: 5px;
}

#enquiryModal .modal-content::-webkit-scrollbar-thumb:hover {
    background: #999; /* Darker thumb on hover */
}

#enquiryModal .modal-content::-webkit-scrollbar-track {
    background: #f9f9f9; /* Scrollbar track colour */
}


/* Close Button Styling */
#enquiryModal .close-modal {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
}

/* Fullscreen Modal for Mobile */
@media screen and (max-width: 768px) {
    #enquiryModal .modal-content {
        border-radius: 0; /* Remove rounded corners */
        height: 100%; /* Fullscreen height */
        max-width: 100%; /* Fullscreen width */
        width: 100%;
    }
}