/* ===========================================
   RESPONSIVE - CART, LOGIN, REGISTER
   =========================================== */

/* --- TABLETTES --- */
@media (max-width: 1024px) {
  .checkout-layout {
    grid-template-columns: 1fr !important;
  }
  
  .cart-content {
    grid-template-columns: 1fr !important;
  }
}

/* --- MOBILE --- */
@media (max-width: 768px) {
  .cart-container,
  .login-container,
  .register-container {
    padding: 20px 15px !important;
    margin: 10px !important;
  }
  
  .cart-item {
    flex-direction: column !important;
    text-align: center !important;
  }
  
  .cart-item-image {
    width: 100% !important;
    height: 200px !important;
    object-fit: contain !important;
    background: white !important;
    padding: 10px !important;
  }
  
  .cart-summary {
    position: static !important;
    margin-top: 20px !important;
  }
  
  .form-row {
    grid-template-columns: 1fr !important;
  }
  
  h1 {
    font-size: 1.8rem !important;
  }
  
  h2 {
    font-size: 1.4rem !important;
  }
}

@media (max-width: 480px) {
  .cart-item-actions {
    flex-direction: column !important;
    gap: 10px !important;
  }
  
  .quantity-controls {
    justify-content: center !important;
  }
  
  .btn,
  .submit-btn {
    width: 100% !important;
    padding: 12px !important;
  }
  
  input, select, textarea {
    font-size: 16px !important; /* Empêche zoom iOS */
  }
}