/**
 * Custom CSS overrides - Product Grid Flexbox Layout
 * Desktop: 3 kolumny | Tablet: 2 kolumny | Mobile: 1 kolumna
 */

/* Kontener produktów - flexbox */
.woocommerce.columns-4,
.home-products .woocommerce,
.products.col-lg-10,
.products {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* Pojedynczy kafel */
.product-grid__product-wrapper {
    float: none !important;
    display: flex !important;
    width: 33.3333% !important;
    box-sizing: border-box !important;
    padding: 1rem !important;
}

/* Link produktu */
.product-grid__product-wrapper .product-grid__product {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-height: auto !important;
}

/* Obraz produktu */
.product-grid__product-wrapper .product-grid__product img {
    width: 100% !important;
    height: 220px !important;
    object-fit: contain !important;
    background: #fafafa !important;
    min-height: auto !important;
}

/* Tytuł */
.product-grid__product-wrapper .woocommerce-loop-product__title {
    flex-grow: 1 !important;
    margin-top: 12px !important;
}

/* Cena na dole */
.product-grid__product-wrapper .price {
    margin-top: auto !important;
    padding-top: 8px !important;
}

/* Tablet: 2 kolumny */
@media only screen and (max-width: 1024px) {
    .product-grid__product-wrapper {
        width: 50% !important;
    }
}

/* Mobile: 1 kolumna */
@media only screen and (max-width: 767px) {
    .product-grid__product-wrapper {
        width: 100% !important;
        max-width: 400px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}