/* ============================================
   PATCH - Vue liste produits WooCommerce / Glozin
   Image à gauche, contenu à droite
   ============================================ */

/* Vue liste desktop */
@media (min-width: 769px) {
    body.woocommerce ul.products.list li.product .product-inner,
    body.woocommerce ul.products.products-list li.product .product-inner,
    body.woocommerce ul.products.product-list li.product .product-inner,
    body.woocommerce ul.products.columns-1 li.product .product-inner,
    body.woocommerce.archive ul.products.list li.product .product-inner,
    body.post-type-archive-product ul.products.list li.product .product-inner,
    body.tax-product_cat ul.products.list li.product .product-inner {
        display: grid !important;
        grid-template-columns: 280px minmax(0, 1fr) !important;
        gap: 28px !important;
        align-items: stretch !important;

        width: 100% !important;
        height: auto !important;
        min-height: 260px !important;

        padding: 0 !important;

        background: #111111 !important;
        border: 1px solid #181818 !important;
        border-radius: 14px !important;

        overflow: hidden !important;
        text-align: left !important;
        color: #aea899;
    }

    /* Image à gauche */
    body.woocommerce ul.products.list li.product .product-thumbnail,
    body.woocommerce ul.products.products-list li.product .product-thumbnail,
    body.woocommerce ul.products.product-list li.product .product-thumbnail,
    body.woocommerce ul.products.columns-1 li.product .product-thumbnail,
    body.woocommerce.archive ul.products.list li.product .product-thumbnail,
    body.post-type-archive-product ul.products.list li.product .product-thumbnail,
    body.tax-product_cat ul.products.list li.product .product-thumbnail {
        grid-column: 1 !important;

        width: 100% !important;
        height: 100% !important;
        min-height: 260px !important;

        margin: 0 !important;

        background: #0d0d0d !important;
        overflow: hidden !important;
    }

    body.woocommerce ul.products.list li.product .product-thumbnail img,
    body.woocommerce ul.products.products-list li.product .product-thumbnail img,
    body.woocommerce ul.products.product-list li.product .product-thumbnail img,
    body.woocommerce ul.products.columns-1 li.product .product-thumbnail img,
    body.woocommerce.archive ul.products.list li.product .product-thumbnail img,
    body.post-type-archive-product ul.products.list li.product .product-thumbnail img,
    body.tax-product_cat ul.products.list li.product .product-thumbnail img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        border-radius: 0 !important;
    }

    /* Contenu à droite */
    body.woocommerce ul.products.list li.product .product-summary,
    body.woocommerce ul.products.products-list li.product .product-summary,
    body.woocommerce ul.products.product-list li.product .product-summary,
    body.woocommerce ul.products.columns-1 li.product .product-summary,
    body.woocommerce.archive ul.products.list li.product .product-summary,
    body.post-type-archive-product ul.products.list li.product .product-summary,
    body.tax-product_cat ul.products.list li.product .product-summary {
        grid-column: 2 !important;

        width: 100% !important;
        min-width: 0 !important;

        padding: 26px 28px 26px 0 !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;

        text-align: left !important;
    }

    /* Titre non centré */
    body.woocommerce ul.products.list li.product .woocommerce-loop-product__title,
    body.woocommerce ul.products.products-list li.product .woocommerce-loop-product__title,
    body.woocommerce ul.products.product-list li.product .woocommerce-loop-product__title,
    body.woocommerce ul.products.columns-1 li.product .woocommerce-loop-product__title,
    body.woocommerce.archive ul.products.list li.product .woocommerce-loop-product__title,
    body.post-type-archive-product ul.products.list li.product .woocommerce-loop-product__title,
    body.tax-product_cat ul.products.list li.product .woocommerce-loop-product__title {
        width: 100% !important;
        margin: 0 0 12px !important;

        text-align: left !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }

    /* Prix, note, extrait, boutons alignés à gauche */
    body.woocommerce ul.products.list li.product .price,
    body.woocommerce ul.products.products-list li.product .price,
    body.woocommerce ul.products.product-list li.product .price,
    body.woocommerce ul.products.columns-1 li.product .price,
    body.woocommerce ul.products.list li.product .star-rating,
    body.woocommerce ul.products.products-list li.product .star-rating,
    body.woocommerce ul.products.product-list li.product .star-rating,
    body.woocommerce ul.products.columns-1 li.product .star-rating,
    body.woocommerce ul.products.list li.product .product-short-description,
    body.woocommerce ul.products.products-list li.product .product-short-description,
    body.woocommerce ul.products.product-list li.product .product-short-description,
    body.woocommerce ul.products.columns-1 li.product .product-short-description {
        text-align: left !important;
        margin-left: 0 !important;
        margin-right: auto !important;
    }

    /* Boutons moins larges en vue liste */
    body.woocommerce ul.products.list li.product .add_to_cart_button,
    body.woocommerce ul.products.products-list li.product .add_to_cart_button,
    body.woocommerce ul.products.product-list li.product .add_to_cart_button,
    body.woocommerce ul.products.columns-1 li.product .add_to_cart_button {
        width: auto !important;
        min-width: 180px !important;
        align-self: flex-start !important;
        margin-top: 16px !important;
    }
}

/* Mobile : on garde l'affichage en colonne */
@media (max-width: 768px) {
    body.woocommerce ul.products.list li.product .product-inner,
    body.woocommerce ul.products.products-list li.product .product-inner,
    body.woocommerce ul.products.product-list li.product .product-inner,
    body.woocommerce ul.products.columns-1 li.product .product-inner {
        display: flex !important;
        flex-direction: column !important;
        text-align: center !important;
    }

    body.woocommerce ul.products.list li.product .product-summary,
    body.woocommerce ul.products.products-list li.product .product-summary,
    body.woocommerce ul.products.product-list li.product .product-summary,
    body.woocommerce ul.products.columns-1 li.product .product-summary {
        padding: 16px !important;
        text-align: center !important;
        align-items: center !important;
    }
}