/**
 * Theme Name: Astra Starter
 * Template:   astra
 * ...other header fields
 */

/* DIY Kits special style */
.tax-product_cat-diy-kits .product {
    background:#fff7ed;
    border-radius:12px;
}

/* Tools category */
.tax-product_cat-tools .product {
    border:1px solid #eee;
}
/* ================================================
   Mobile Fix - Product Card Buttons
   ================================================ */

/* Button container - flex on all screens */
.woocommerce ul.products li.product .button.add_to_cart_button,
.woocommerce ul.products li.product a.buy-now-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ── Mobile (max 600px) ── */
@media (max-width: 600px) {

    /* Stack buttons full width on mobile */
    .woocommerce ul.products li.product .button.add_to_cart_button,
    .woocommerce ul.products li.product a.buy-now-btn {
        display: block !important;
        width: 100% !important;
        margin: 4px 0 !important;
        padding: 12px 10px !important;
        font-size: 14px !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    /* Add to Cart - outlined on mobile */
    .woocommerce ul.products li.product .button.add_to_cart_button {
        background-color: transparent !important;
        color: #00a99d !important;
        border: 2px solid #00a99d !important;
    }

    /* Buy Now - filled on mobile */
    .woocommerce ul.products li.product a.buy-now-btn {
        background-color: #00a99d !important;
        color: #ffffff !important;
        border: 2px solid #00a99d !important;
        text-decoration: none !important;
    }
}

/* ── Tablet (601px - 768px) ── */
@media (min-width: 601px) and (max-width: 768px) {

    .woocommerce ul.products li.product .button.add_to_cart_button,
    .woocommerce ul.products li.product a.buy-now-btn {
        width: 48% !important;
        padding: 10px 6px !important;
        font-size: 12px !important;
        margin: 3px 1% !important;
        box-sizing: border-box !important;
    }
}