.page .entry-title{
	display: none;
}
.woocommerce-product-gallery__image {
    max-width: 300px; /* Adjust the width as needed */
    float: left;
    margin-right: 20px; /* Adds space between the image and other content */
}

.woocommerce-product-gallery {
    max-width: 100%; /* Control the overall gallery width */
}

/* Custom Styles for the Sale Badge */

/* Override Theme Styles for Sale Badge */
body .onsale {
    background-color: #00b576 !important; /* Force background color change */
    color: #ffffff !important; /* Force text color change */
    font-size: 14px !important; /* Adjust font size */
    font-weight: bold !important; /* Make text bold */
    padding: 15px 15px !important; /* Add padding for a larger badge */
    border-radius: 50% !important; /* Make the badge circular */
    position: absolute !important; /* Ensure proper placement */
    top: -15px !important; /* Adjust vertical position */
    left: 220px !important; /* Adjust horizontal position */
    z-index: 10 !important; /* Ensure it stays on top */
}

/* Sale Badge Adjustments for Mobile Devices */
@media screen and (max-width: 768px) {
    body .onsale {
        font-size: 12px !important; /* Adjust font size for smaller screens */
        padding: 10px 10px !important; /* Reduce padding for better fit */
        top: -10px !important; /* Adjust vertical position */
        left: auto !important; /* Reset horizontal positioning */
        right: 10px !important; /* Align to the upper-right corner */
        border-radius: 50% !important; /* Keep it circular */
    }

    /* Ensure image container allows proper badge positioning */
    .woocommerce div.product .images {
        position: relative !important; /* Ensure badge is positioned relative to image */
    }
}

/* Customize Add to Cart Button - Single Product Page */
.single_add_to_cart_button {
    background-color: #4d41d1 !important; /* Change button background color */
    color: #ffffff !important; /* Change button text color */
    font-size: 16px !important; /* Adjust font size */
    padding: 10px 20px !important; /* Adjust padding */
    border: none !important; /* Remove border */
    border-radius: 5px !important; /* Add rounded corners */
    text-transform: uppercase !important; /* Make text uppercase */
    cursor: pointer !important; /* Change cursor to pointer */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important; /* Add shadow for effect */
    transition: background-color 0.3s ease !important; /* Add hover transition */
}

/* Hover Effect */
.single_add_to_cart_button:hover {
    background-color: #6d60f7 !important; /* Change background color on hover */
    color: #ffffff !important; /* Keep text color white on hover */
}

/* Center Align Add to Cart Button */
.woocommerce div.product form.cart {
    text-align: center !important; /* Center align the button */
}

/* Customize Regular and Sale Prices */
body .woocommerce-Price-amount.amount {
    color: #00b576 !important; /* Change text color */
    font-size: 26px !important; /* Adjust font size */
    font-weight: bold !important; /* Make text bold */
    text-transform: uppercase !important; /* Make text uppercase (optional) */
    margin-top: 10px !important; /* Add spacing above */
    margin-bottom: 10px !important; /* Add spacing below */
}

/* Customize Strike-through for Sale Prices */
body del .woocommerce-Price-amount.amount {
    color: #999999 !important; /* Change color of original price */
    text-decoration: line-through !important; /* Add line-through */
    font-size: 18px !important; /* Adjust size of original price */
}

/* Customize Highlighted Sale Price */
body ins .woocommerce-Price-amount.amount {
    color: #00b576 !important; /* Change color of sale price */
    font-weight: bold !important; /* Make sale price bold */
}
