/* Retouches du thème, chargées après theme.css (fichier enregistré automatiquement par PrestaShop). */

/* Fenêtre "produit ajouté au panier" (module ps_shoppingcart) sur mobile.
   Les deux boutons côte à côte ne pouvaient pas rétrécir sous la largeur de leurs mots : la colonne
   débordait de la fenêtre sur les écrans de 360 px. Colonnes pleine largeur, boutons empilés,
   vignette à côté du produit. L'affichage sur ordinateur n'est pas modifié. */
@media (max-width: 767px) {
  #blockcart-modal .modal-dialog { width: calc(100% - 24px); margin: 12px auto; }
  #blockcart-modal .modal-header { display: flex; align-items: center; gap: 12px; padding: 14px 16px; }
  #blockcart-modal .modal-header .close { order: 2; float: none; margin: 0 0 0 auto; padding: 0; }
  #blockcart-modal .modal-title { order: 1; display: flex; align-items: center; gap: 8px; margin: 0; font-size: 14px; line-height: 1.3; text-align: left; }
  #blockcart-modal .modal-title i.material-icons { flex: 0 0 auto; margin: 0; }
  #blockcart-modal .modal-body { padding: 16px; }
  #blockcart-modal .modal-body > .row { margin: 0; }
  #blockcart-modal .modal-body > .row > [class*="col-"] { flex: 0 0 100%; max-width: 100%; min-width: 0; padding: 0; }
  #blockcart-modal .divide-right > .row { flex-wrap: nowrap; align-items: center; margin: 0 0 14px; }
  #blockcart-modal .divide-right .col-md-4 { flex: 0 0 88px; max-width: 88px; padding: 0; }
  #blockcart-modal .divide-right .col-md-8 { flex: 1 1 auto; max-width: none; min-width: 0; padding: 0 0 0 14px; }
  #blockcart-modal .product-image { max-width: 100%; margin: 0; }
  #blockcart-modal .product-name { margin: 0 0 4px; padding: 0; font-size: 17px; line-height: 1.25; }
  #blockcart-modal .product-price, #blockcart-modal .modal-body .divide-right span { margin-bottom: 2px; padding: 0; }
  #blockcart-modal .cart-content { padding: 14px 0 0; border-top: 1px solid rgba(16, 52, 54, 0.08); }
  #blockcart-modal .cart-content .cart-content-btn { display: flex; flex-direction: column-reverse; gap: 10px; width: 100%; margin-top: 10px; }
  #blockcart-modal .cart-content .cart-content-btn .btn { width: 100%; margin: 0; white-space: nowrap; }
}