/*
Plugin Name: ZorgWonder WooCommerce Buttons
Description: Custom "Lees meer & bestel" buttons for ZorgWonder WooCommerce products.
Version: 2.8.2d (final / Gemini)
Author: Mr. Nerd
*/

/* Styling for the custom "Lees meer & bestel" button in product loops */
.zorgwonder-button {
    display: inline-block;
    padding: 6px 14px; /* Consistent padding */
    background-color: var(--ast-global-color-0, #007cba);
    color: #ffffff;
    font-weight: 700; /* Consistent font-weight */
    font-size: 15px;
    font-family: "DM Sans", sans-serif; /* Consistent font-family */
    border-radius: var(--ast-button-radius, 30px);
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease;
    width: auto;
    line-height: 1.55; /* Consistent line-height */
    margin-top: 5px; /* Slight gap below the text */
}

.zorgwonder-button:hover {
    background-color: var(--ast-global-color-1, #005a87);
    color: #ffffff;
}

/* Apply ZorgWonder button styling to all relevant WooCommerce buttons */
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #review_form #respond input#submit,
.woocommerce #payment #place_order,
.woocommerce .button.alt,
.woocommerce .single_add_to_cart_button,
.woocommerce .cart .button,
.woocommerce .cart input.button,
.woocommerce .return-to-shop .button,
.woocommerce form .button,
.woocommerce input[type="submit"],
/* Added specific selectors for the "Update Cart" button */
.woocommerce input[name="update_cart"],
.woocommerce button[name="update_cart"] {
    display: inline-block; /* Ensure consistent display behavior */
    padding: 6px 14px; /* Apply desired padding */
    background-color: var(--ast-global-color-0, #007cba); /* Apply theme primary color */
    color: #ffffff; /* White text color */
    font-weight: 700; /* Apply desired font-weight */
    font-size: 15px; /* Apply desired font-size */
    font-family: "DM Sans", sans-serif; /* Apply desired font-family */
    border-radius: var(--ast-button-radius, 30px); /* Apply rounded corners from theme */
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease;
    width: auto; /* Ensure width adjusts to content */
    line-height: 1.55; /* Apply desired line-height */
    margin-top: 5px; /* Consistent margin for spacing */
}

/* Add hover effect for these globally styled WooCommerce buttons */
.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce #review_form #respond input#submit:hover,
.woocommerce #payment #place_order:hover,
.woocommerce .button.alt:hover,
.woocommerce .single_add_to_cart_button:hover,
.woocommerce .cart .button:hover,
.woocommerce .cart input.button:hover,
.woocommerce .return-to-shop .button:hover,
.woocommerce form .button:hover,
.woocommerce input[type="submit"]:hover,
/* Added hover for new specific selectors */
.woocommerce input[name="update_cart"]:hover,
.woocommerce button[name="update_cart"]:hover {
    background-color: var(--ast-global-color-1, #005a87); /* Apply theme secondary color on hover */
    color: #ffffff;
}

/* Specific styling for product titles in the loop */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    margin-top: 9px;
}

/* Hide any leftover default WooCommerce buttons in the product loop */
.woocommerce ul.products li.product .button:not(.zorgwonder-button),
.woocommerce ul.products li.product .added_to_cart {
    display: none !important;
}