/*
Theme Name: Oworganic Child
Theme URI: https://www.apusthemes.com/themes/oworganic/
Template: oworganic
Author: ApusTheme
Author URI: https://apusthemes.com/
Description: Oworganic is clean theme, it's used Apus Framework.
Tags: custom-background,custom-colors,custom-header,custom-menu,editor-style,featured-images,microformats,post-formats,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 1.0.30
Updated: 2025-06-12 06:56:58

*/


/* ===== PANIER MOBILE YAKARE ===== */
@media (max-width: 768px) {
    
    /* Afficher image */
    .woocommerce table.cart .product-thumbnail,
    .woocommerce-page table.cart .product-thumbnail {
        display: table-cell !important;
    }
    
    /* Masquer les labels data-title */
    .woocommerce table.shop_table_responsive tr td::before {
        display: none !important;
    }
    
    /* Carte produit en ligne */
    .woocommerce table.cart .cart_item {
        display: flex !important;
        flex-wrap: wrap;
        align-items: flex-start;
        background: #fff;
        border-radius: 12px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.05);
        padding: 16px;
        margin-bottom: 16px;
        position: relative;
        border: 1px solid #f0f0f0;
    }
    
    .woocommerce table.cart .cart_item td {
        display: block !important;
        border: none !important;
        padding: 0 !important;
        text-align: left !important;
        background: transparent !important;
    }
    
    /* Image gauche */
    .woocommerce table.cart .cart_item td.product-thumbnail {
        width: 80px;
        min-width: 80px;
        margin-right: 14px;
        order: 1;
    }
    
    .woocommerce table.cart .cart_item td.product-thumbnail img {
        width: 80px !important;
        height: 80px !important;
        object-fit: cover;
        border-radius: 10px;
    }
    
    /* Nom produit */
    .woocommerce table.cart .cart_item td.product-name {
        flex: 1;
        order: 2;
        padding-right: 35px !important;
    }
    
    .woocommerce table.cart .cart_item td.product-name a {
        font-size: 14px;
        font-weight: 600;
        color: #2d2d2d;
        line-height: 1.35;
    }
    
    /* Prix */
    .woocommerce table.cart .cart_item td.product-price {
        order: 3;
        width: calc(100% - 94px);
        margin-left: 94px;
        margin-top: 6px;
    }
    
    .woocommerce table.cart .cart_item td.product-price .amount {
        font-size: 14px;
        color: #888;
    }
    
    /* Quantite */
    .woocommerce table.cart .cart_item td.product-quantity {
        order: 4;
        width: calc(100% - 94px);
        margin-left: 94px;
        margin-top: 10px;
    }
    
    .woocommerce table.cart .cart_item td.product-quantity .quantity {
        display: inline-flex;
        border: 1.5px solid #e5e5e5;
        border-radius: 8px;
        background: #fafafa;
    }
    
    .woocommerce table.cart .cart_item td.product-quantity .quantity input {
        width: 40px;
        height: 34px;
        text-align: center;
        border: none;
        background: transparent;
        font-weight: 600;
    }
    
    /* Sous-total */
    .woocommerce table.cart .cart_item td.product-subtotal {
        order: 5;
        position: absolute;
        right: 16px;
        bottom: 16px;
    }
    
    .woocommerce table.cart .cart_item td.product-subtotal .amount {
        font-size: 16px;
        font-weight: 700;
        color: #333;
    }
    
    /* Supprimer */
    .woocommerce table.cart .cart_item td.product-remove {
        order: 6;
        position: absolute;
        top: 12px;
        right: 12px;
    }
    
    .woocommerce table.cart .cart_item td.product-remove a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 26px;
        height: 26px;
        background: #f5f5f5;
        border-radius: 50%;
        color: #aaa;
        font-size: 16px;
    }
}



/* === Bouton Valider la commande === */
.woocommerce .wc-proceed-to-checkout a.checkout-button,
.woocommerce a.btn.btn-theme.wc-forward {
    padding: 12px 24px !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
}



/* === Cacher bouton Voir le panier apres ajout === */
.woocommerce a.added_to_cart {
    display: none !important;
}