/*
Theme Name: bflow
Theme URI: https://bflowswim.com/
Author: Antigravity
Author URI: https://google.com/
Description: Theme được thiết kế bằng Google Stitch cho bflowswim.com, hỗ trợ WooCommerce.
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bflow
Tags: e-commerce, custom-background, full-width-template
*/

/* ================================================
   RESET WooCommerce layout conflicts with Tailwind
   ================================================ */

/* WooCommerce dùng float + width % gây vỡ grid Tailwind - phải reset hoàn toàn */
.woocommerce ul.products,
.woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 2rem !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    clear: both !important;
    width: 100% !important;
}

@media (max-width: 1024px) {
    .woocommerce ul.products,
    .woocommerce-page ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 640px) {
    .woocommerce ul.products,
    .woocommerce-page ul.products {
        grid-template-columns: 1fr !important;
    }
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    clear: none !important;
}

/* Fix WooCommerce product card image */
.woocommerce ul.products li.product a img {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
}

/* Fix custom Tailwind product card bị override bởi Woo */
.group.flex.flex-col {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    clear: none !important;
}

/* Fix aspect ratio containers */
.aspect-\[4\/5\] {
    position: relative !important;
    overflow: hidden !important;
}

/* Fix background image containers */
.absolute.inset-0.bg-cover {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
}

/* WooCommerce breadcrumbs */
.woocommerce-breadcrumb {
    padding: 0 1.5rem;
    margin: 1rem 0;
}

/* Fix WooCommerce columns selector */
.woocommerce .products.columns-4 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
}

/* Ngăn WooCommerce global.css flex/grid override */
.woocommerce .woocommerce-product-gallery {
    position: relative;
}