/* === CART PAGE (Strawberry Express style) === */

:root {
  --brand-pink: #FF6F6F;
  --brand-pink-dark: #A64747;
  --brand-beige: #F5F5DC;
  --brand-brown: #795548;
}

body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color: #222;
  line-height: 1.6;
  margin: 0;
  background: linear-gradient(270deg, #ffeaea, #ffd6d6, #ffeaea, #fffdfd);
  background-size: 400% 400%;
  animation: gradientFlow 15s ease infinite;
}

@keyframes gradientFlow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Navbar adjustments */
.navbar {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.navbar-brand span {
  color: var(--brand-pink-dark);
}
.nav-link {
  color: #333 !important;
  transition: color .2s ease;
}
.nav-link:hover {
  color: var(--brand-pink-dark) !important;
}
.btn-brand {
  background: var(--brand-pink);
  border-color: var(--brand-pink);
  color: #fff;
}
.btn-brand:hover {
  background: var(--brand-pink-dark);
  border-color: var(--brand-pink-dark);
}

/* Section title */
.section-title {
  font-weight: 700;
  color: var(--brand-pink-dark);
  margin-bottom: 1rem;
}

/* Table styling */
.table {
  background: #fff;
  border-radius: 0.75rem;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}
.table th {
  color: var(--brand-pink-dark);
}
.table td, .table th {
  vertical-align: middle;
}
.table tbody tr:hover {
  background-color: #fff4f4;
}

/* Qty button group */
.btn-group .btn {
  border-color: #f0b0b0;
  color: var(--brand-pink-dark);
}
.btn-group .btn:hover {
  background: var(--brand-pink);
  color: #fff;
}

/* Continue shopping link */
a.btn-outline-secondary.btn-sm {
  border-color: var(--brand-pink);
  color: var(--brand-pink-dark);
}
a.btn-outline-secondary.btn-sm:hover {
  background: var(--brand-pink);
  color: #fff;
  border-color: var(--brand-pink);
}

/* Order summary box */
.order-summary {
  background: #fff;
  border-radius: 1rem;
  padding: 1.25rem;
  border: 1px solid #f2c8c8;
  box-shadow: 0 4px 16px rgba(255, 111, 111, 0.15);
}
.order-summary h5 {
  color: var(--brand-pink-dark);
  font-weight: 600;
}
.order-summary strong {
  color: var(--brand-pink-dark);
}
.order-summary .btn-brand {
  width: 100%;
}

/* Footer */
footer {
  background: #f8f9fa;
  border-top: 1px solid #eee;
  margin-top: 2rem;
  padding: 1.5rem 0;
  color: #555;
  text-align: center;
}
.footer-small {
  font-size: .95rem;
}
.footer-small strong {
  color: var(--brand-pink-dark);
}

/* Responsive */
@media (max-width: 767.98px) {
  .order-summary {
    margin-top: 1.5rem;
  }
}
/* BG switch support */
:root { --page-bg: #ffffff; }
html, body {
  background-color: var(--page-bg) !important;
  transition: background-color 300ms ease;
}