/* ==========================================
   CART — 2 panela, bez duplog wrappera
   Parent je: .main-container.container
   File: assets/css/Cart/cart-layout.css
========================================== */

body.woocommerce-cart {
  background-color: #f8f9fd;
}

/* Layout samo raspored (bez grafike) */
.cart-layout {
  display: flex;
  flex-wrap: nowrap;
  gap: 24px;
  align-items: flex-start;
}

.ppdl-list {
  display: flex;
  flex-direction: column;
  gap: 18px; /* ⬅️ razmak između kartica */
}

/* ✅ OVDJE BIRAŠ PROCENTE */
.cart-panel--left {
  flex: 0 1 65%;
  max-width: 65%;
}
.cart-panel--right {
  flex: 0 1 35%;
  max-width: 35%;
}

/* ✅ SAMO PANELI IMAJU GRAFIKU */
.cart-panel {
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 18px 45px rgba(15, 35, 95, 0.08);
  padding: 28px 32px 32px;
}

/* sticky desni panel (ako želiš) */
.cart-panel--right {
  position: sticky;
  top: 24px;
}

.ppdl-item{
  margin-bottom: 24px;
}

/* Tablet padding */
@media (max-width: 992px) {
  .cart-panel {
    padding: 22px 18px 24px;
  }
}

@media (min-width: 1281px) {
  .cart-panel--left {
    min-height: 80vh;
  }
}

/* MOBILE: paneli jedan ispod drugog */
@media (max-width: 1280px) {
  .cart-layout {
    flex-direction: column;
    gap: 16px;
  }

  .cart-panel--left,
  .cart-panel--right {
    flex: 0 0 auto;
    max-width: 100%;
    width: 100%;
  }

  .cart-panel--right {
    position: static;
    top: auto;
  }
}