/* Styles responsives pour différentes tailles d'écran */

/* Responsive pour les blocs catégorie */
@media (max-width: 768px) {
  .astra-categorie-bloc {
    flex-direction: column;
    align-items: flex-start;
  }
  
  .astra-categorie-bloc .categorie-titre h1 {
    font-size: 2rem;
  }
  
  .astra-categorie-bloc .categorie-image img {
    width: 100%;
    max-width: 350px;
  }
}

/* Responsive pour les produits */
@media (max-width: 768px) {
    .custom-product-image {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 1em;
    }
    
    .woocommerce #content div.product div.summary,
    .woocommerce div.product div.summary,
    .woocommerce-page #content div.product div.summary,
    .woocommerce-page div.product div.summary {
        float: none;
        width: 100%;
    }
}
/* Responsive pour le panier mobile */
@media (max-width: 768px) {
    /* Réduire légèrement les images du panier sur mobile */
    .widget_shopping_cart_content .cart_list li img,
    .woocommerce-mini-cart .cart_list li img,
    .cart-drawer .cart_list li img,
    .astra-cart-drawer .cart_list li img {
        width: 60px !important;
        height: 60px !important;
    }

    /* Ajuster l'espacement sur mobile */
    .widget_shopping_cart_content .cart_list li,
    .woocommerce-mini-cart .cart_list li,
    .cart-drawer .cart_list li,
    .astra-cart-drawer .cart_list li {
        gap: 8px !important;
        min-height: 80px !important;
    }

    /* Réduire la taille du texte sur mobile */
    .widget_shopping_cart_content .cart_list li a:not(.remove),
    .woocommerce-mini-cart .cart_list li a:not(.remove),
    .cart-drawer .cart_list li a:not(.remove),
    .astra-cart-drawer .cart_list li a:not(.remove) {
        font-size: 12px !important;
    }
}