/**
 * LOCATION : motta-child/assets/css/archive-product.css
 */

/* ============================================================
   1. TITRE PRODUIT — 2 lignes max
   ============================================================ */
body.tinza-child ul.products li.product .woocommerce-loop-product__title {
    display:            -webkit-box !important;
    font-size:          12px !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow:           hidden !important;
    text-overflow:      ellipsis !important;
    white-space:        normal !important;
    max-height:         3em !important;
    line-height:        1.4 !important;
}

/* ============================================================
   2. IMAGES PRODUITS — ARRONDI 6px
   ============================================================ */
body.tinza-child .woocommerce ul.products li.product .product-thumbnail,
body.tinza-child ul.products li.product .product-thumbnail {
    border-radius: 6px !important;
    overflow:      hidden !important;
    aspect-ratio:  1 / 1 !important;
}
body.tinza-child .woocommerce ul.products li.product .product-thumbnail img,
body.tinza-child ul.products li.product .product-thumbnail img {
    border-radius: 6px !important;
    width:         100% !important;
    height:        100% !important;
    object-fit:    cover !important;
    display:       block !important;
}
/* ============================================================
   4. MARGES — chercher le vrai conteneur qui limite la largeur
   ============================================================ */
body.tinza-child .site-content,
body.tinza-child #site-content {
    padding-left:  0 !important;
    padding-right: 0 !important;
}
 
body.tinza-child .site-content-container {
    padding-left:  80px !important;
    padding-right: 80px !important;
    max-width:     100% !important;
    width:         100% !important;
    box-sizing:    border-box !important;
}
 
@media (max-width: 768px) {
    body.tinza-child .site-content-container {
        padding-left:  16px !important;
        padding-right: 16px !important;
    }
}
 



/* ============================================================
   7. VUE LISTE (columns-1) — position vendeur corrigée
   ============================================================ */
body.tinza-child.woocommerce-page ul.products.columns-1 li.product .product-inner .product-summary {
    display:        flex !important;
    flex-direction: column !important;
}
 
body.tinza-child.woocommerce-page ul.products.columns-1 li.product .product-inner .product-summary .woocommerce-loop-product__title {
    order: 1 !important;
}
 
body.tinza-child.woocommerce-page ul.products.columns-1 li.product .product-inner .product-summary .sold-by-meta {
    order:       2 !important;
    position:    relative !important;  /* annuler position:absolute de Motta */
    top:         auto !important;
    left:        auto !important;
    display:     flex !important;
    align-items: center !important;
    gap:         6px !important;
    margin-top:  4px !important;
    width:       100% !important;
}
 
body.tinza-child.woocommerce-page ul.products.columns-1 li.product .product-inner .product-summary > .price {
    order:      3 !important;
    margin-top: 6px !important;
}