/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://toolhubzilla.com
 Template:     generatepress
 Version:      1.0
*/
/* Hide tags on WordPress blog posts */
.entry-meta .tags-links,
.entry-footer .tags-links {
    display: none !important;
}

/* Hide tags on WooCommerce product pages */
.product_meta .tagged_as {
    display: none !important;
}

/* Hide tags on product archive / shop page */
.product .tagged_as {
    display: none !important;
}
 



/* ==== WOO BUTTON MODERN BLUE WITH ANIMATION ==== */
button, 
.add_to_cart_button, 
.single_add_to_cart_button, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
    background: #007bff !important;      /* Blue */
    color: #fff !important;
    border: 2px solid #007bff !important;
    padding: 10px 18px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    transition: 0.25s ease-in-out !important;
}

/* Hover animation */
button:hover,
.add_to_cart_button:hover,
.single_add_to_cart_button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background: transparent !important;
    color: #007bff !important;
    transform: translateY(-3px);
    box-shadow: 0px 4px 12px rgba(0, 123, 255, 0.4);
}
/* ==== PIXEL PERFECT AMAZON STYLE MOBILE LAYOUT ==== */
@media (max-width: 768px) {

    /* Mobile: One product per row */
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 100% !important;
        margin-bottom: 25px !important;
    }

    /* Image full width */
    .woocommerce ul.products li.product img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        border-radius: 10px !important;
        margin-bottom: 12px !important;
    }

    /* BUTTON ROW (FULL WIDTH – EXACT MATCH WITH IMAGE WIDTH) */
    .product-button-row {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        gap: 10px !important;
        margin-top: 10px !important;
    }