/* WooCommerce category/shop page product titles */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-family: 'Inter', sans-serif; /* Use Inter font */
    font-weight: 500;                  /* Medium-bold for clarity */
    font-size: 17px;                   /* Adjust size */
    color: #96a877;                    /* Calm dark color for organic feel */
    text-align: center;                /* Center under the image */
    margin-top: 10px;                  /* Space from image */
}



/* Push button to the bottom of product box */
.woocommerce ul.products li.product .button {
    margin-top: auto;
}
/* Ensure all product titles have a consistent height */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    min-height: 150px; /* Adjust depending on your font size & max title lines */
}

/* Optional: Add spacing below title so button aligns */
.woocommerce ul.products li.product .button {
    margin-top: 10px;
}
// Change "Select options" button text on shop/category pages
add_filter('woocommerce_product_add_to_cart_text', 'custom_woocommerce_add_to_cart_text', 10, 2);
function custom_woocommerce_add_to_cart_text($text, $product) {
    if ($product->is_type('variable')) {
        return 'Choose'; // <-- change to whatever you like
    }
    return $text;
}
/* =========================
   WooCommerce Buttons - Uniform + Inter font
   ========================= */

/* Make all buttons uniform size and centered */
.woocommerce ul.products li.product .button {
    display: block;            /* full width of container */
    width: 150px;              /* fixed width, adjust as needed */
    margin: 10px auto 0 auto;  /* top spacing and centered */
    padding: 10px 0;           /* uniform vertical padding */
    font-family: 'Inter', sans-serif;
    font-weight: 400;          /* bold, clear text */
    font-size: 15px;
    text-align: center;
    border-radius: 6px;        /* soft rounded corners */
    background-color: #d9cbb1; /* calm neutral color */
    color: #2b2b2b;
    border: 1px solid #ccc;
    transition: all 0.3s ease;
}

/* Hover effect for buttons */
.woocommerce ul.products li.product .button:hover {
    background-color: #cbb89c;
    color: #000;
}

/* Optional: fix Add to Cart / Choose buttons for variable/simple products */
.woocommerce ul.products li.product .added_to_cart,
.woocommerce ul.products li.product .button {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
}
/* =========================
   WooCommerce Mobile Adjustments
   ========================= */
@media only screen and (max-width: 768px) {

    /* Reduce product title size */
    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 14px;       /* smaller title on mobile */
        line-height: 1.4;      /* tighter spacing */
        margin-top: 6px;
    }

    /* Reduce short description font size */
    .loop-short-description {
        font-size: 12px;
        line-height: 1.3;
        margin-top: 4px;
    }

    /* Make buttons smaller and fit within column */
    .woocommerce ul.products li.product .button {
        width: 100%;           /* fill the column, no fixed width */
        font-size: 14px;       /* smaller text */
        padding: 8px 0;        /* smaller vertical padding */
        margin-top: 8px;
    }

    /* Reduce spacing around product box if needed */
    .woocommerce ul.products li.product {
        margin-bottom: 20px;
    }
}
/* WooCommerce: 1 product per row on mobile */
@media only screen and (max-width: 768px) {
    .woocommerce ul.products {
        display: flex;
        flex-wrap: wrap;
        justify-content: center; /* center the single product */
    }

    .woocommerce ul.products li.product {
        width: 100% !important;   /* 1 product per row */
        margin: 0 0 20px 0;        /* spacing between products */
    }
}
/* WooCommerce: 2 products per row on tablets */
@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .woocommerce ul.products li.product {
        width: 48% !important;   /* 2 per row */
        margin: 1%;              /* spacing between products */
    }
}
/* Tablet layout: 2 products per row with padding and better title spacing */
@media only screen and (min-width: 600px) and (max-width: 1024px) {

    /* Product box width and spacing */
    .woocommerce ul.products li.product {
        width: 48% !important;        /* 2 per row */
        margin: 1% 1% 20px 1%;        /* extra space around each box */
        padding: 10px;                 /* inner padding around product */
        box-sizing: border-box;        /* ensures padding doesn’t break layout */
    }

    /* Product title adjustments */
    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 15px;              /* slightly larger for tablet */
        line-height: 1.1;             /* tighter than desktop spacing */
        margin-top: 8px;              /* space from image */
    }

    /* Optional: Short description spacing */
    .loop-short-description {