.menu-item.menu-button a {
    background-color: #28a745; /* Green button background color */
    color: #fff; /* Button text color */
    padding: 10px 20px; /* Adjust padding as needed */
    border-radius: 5px; /* Button border radius */
    text-decoration: none; /* Remove underline */
}

.menu-item.menu-button a:hover {
    background-color: #218838; /* Darker green on hover */
}

.menu-item.menu-button a:active,
.menu-item.menu-button a:focus {
    background-color: #218838; /* Darker green when clicked */
}

.menu-item.menu-button a:active,
.menu-item.menu-button a:focus,
.menu-item.menu-button a:hover {
    color: #fff; /* Change text color to white when clicked or hovered */
}




/* Target variation buttons only on product pages */
body.single-product .variations .value label {
    background-color: #0073aa; /* Your desired button color */
    color: #ffffff; /* Text color */
    padding: 10px 15px; /* Button padding */
    font-size: 16px; /* Font size */
    border-radius: 5px; /* Rounded corners */
    margin: 5px; /* Space between buttons */
    cursor: pointer; /* Pointer cursor on hover */
}

body.single-product .variations .value label:hover {
    background-color: #005a87; /* Hover color */
}

body.single-product .variations .value label:checked {
    background-color: #004466; /* Active/selected color */
}






/* Style for the variation buttons */
.cfvsw-swatch-inner {
    font-size: 20px; /* Larger text size */
    padding: 15px 30px; /* Bigger clickable area */
    border: 2px solid #000; /* Black border for better visibility */
    background-color: #fff; /* White background */
    color: #000; /* Black text */
    display: inline-block;
    margin: 10px; /* Space between buttons */
    border-radius: 5px; /* Rounded corners for a polished look */
    cursor: pointer;
    text-align: center;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); /* Optional shadow for a 3D effect */
    transition: all 0.3s ease; /* Smooth hover effect */
}

/* Hover effect */
.cfvsw-swatch-inner:hover {
    background-color: green; /* Yellow hover color */
    color: white; /* White text on hover */
    border-color: #ffc107; /* Match border color */
    transform: scale(1.1); /* Slightly enlarge button on hover */
}

/* Active or selected button style */
.cfvsw-swatch-inner.active {
    background-color: #007bff; /* Blue background for selected */
    color: #fff; /* White text for selected */
    border-color: #007bff; /* Blue border for selected */
    font-weight: bold; /* Make the text bold */
}






/* Make the price text green and larger */
.woocommerce div.product p.price, 
.woocommerce div.product span.price {
    color: #008000; /* Green color for the price */
    font-size: 32px; /* Increase the size of the price */
    font-weight: bold; /* Make the price bold */
    line-height: 1.2; /* Adjust line height for better readability */
    transition: font-size 0.3s ease, color 0.3s ease; /* Smooth transition if needed */
}

/* Make the "Add to Cart" button green and larger */
.single_add_to_cart_button {
    background-color: #008000; /* Green button */
    color: #fff; /* White text */
    font-size: 20px; /* Increase button text size */
    font-weight: bold; /* Bold button text */
    padding: 18px 40px; /* Increase button padding */
    border: none; /* Remove border */
    border-radius: 8px; /* Rounded corners */
    cursor: pointer; /* Pointer cursor on hover */
    text-transform: uppercase; /* Uppercase text */
    transition: background-color 0.3s ease, transform 0.3s ease; /* Smooth transition */
}

/* Hover effect for "Add to Cart" button */
.single_add_to_cart_button:hover {
    background-color: #006400; /* Darker green on hover */
    transform: scale(1.05); /* Slightly enlarge button on hover */
}




/* Hide everything below the article */
.post-footer, 
.entry-footer, 
.post-navigation {
    display: none !important;
}