/* =========================================================================
   Winkelmandje-pagina (/cart). De Ecwid-storefront zelf wordt gestyled door
   assets/ecwid/storefront-custom.css (gescoped op #ecwid_html #ecwid_body);
   dit bestand doet alleen de pagina-shell errond.
   ========================================================================= */

.fpc-cart-page {
  background: #fff;
}
.fpc-cart {
  padding-block: clamp(32px, 6vw, 64px) clamp(48px, 8vw, 96px);
}

.fpc-cart__head {
  margin: 0 0 clamp(24px, 4vw, 40px);
}
.fpc-cart__kicker {
  margin: 0 0 6px;
  font-family: "Ford F-1 Semibold Custom", "Ford F-1", sans-serif;
  font-size: 0.78rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #6b7280;
}
.fpc-cart__title {
  margin: 0;
  font-family: "Ford F-1 Bold Custom", "Ford F-1", sans-serif;
  font-size: clamp(1.5rem, 3.2vw, 2.1rem);
  color: #102b4e;
}

/* ---- laadstate ---- */
.fpc-cart__status {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #6b7280;
  font-size: 0.95rem;
  padding: 24px 0;
}
.fpc-cart__status[hidden] {
  display: none;
}
.fpc-cart__spinner {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid rgba(0, 0, 0, 0.15);
  border-top-color: var(--fpc-blue);
  animation: fpcCartSpin 0.8s linear infinite;
  flex-shrink: 0;
}
@keyframes fpcCartSpin {
  to { transform: rotate(360deg); }
}

/* ---- lege mand ---- */
.fpc-cart__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
  padding: clamp(40px, 8vw, 80px) 20px;
  color: #4c4e5a;
}
.fpc-cart__empty[hidden] {
  display: none;
}
.fpc-cart__empty svg {
  color: #c3ccd6;
}
.fpc-cart__empty-title {
  margin: 6px 0 0;
  font-family: "Ford F-1 Bold Custom", "Ford F-1", sans-serif;
  font-size: 1.15rem;
  color: #102b4e;
}
.fpc-cart__empty-body {
  margin: 0 0 8px;
  font-size: 0.95rem;
}

/* ---- Ecwid-mount ---- */
.fpc-cart__store {
  min-height: 240px;
}
.fpc-cart__store[hidden] {
  display: none;
}