.elementor-3313 .elementor-element.elementor-element-f852972{--display:flex;}/* Start custom CSS for woocommerce-cart, class: .elementor-element-dce2e7f *//*************************
  SPANKIN’ CLEAN – CART STYLE
  Scope: this Cart widget only (Elementor '.elementor-3313 .elementor-element.elementor-element-dce2e7f' handle)
**************************/

/* ---------- Color tokens (adjust if needed) ---------- */
.elementor-3313 .elementor-element.elementor-element-dce2e7f {
  --sc-navy: #050816;
  --sc-navy-soft: #0a1020;
  --sc-bg: #f4f5ff;
  --sc-border: rgba(5, 8, 22, 0.08);
  --sc-text: #111322;
  --sc-muted: #6c7187;
  --sc-success: #1fc77a;
  --sc-gradient: linear-gradient(135deg, #ff4acb 0%, #b155ff 50%, #2f7dff 100%);
}

/* ---------- Cart container as a card ---------- */
.elementor-3313 .elementor-element.elementor-element-dce2e7f .woocommerce {
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 18px 55px rgba(4, 12, 33, 0.18);
  padding: 32px 32px 28px;
}

/* Make Woo default messages match theme */
.elementor-3313 .elementor-element.elementor-element-dce2e7f .woocommerce-message,
.elementor-3313 .elementor-element.elementor-element-dce2e7f .woocommerce-info,
.elementor-3313 .elementor-element.elementor-element-dce2e7f .woocommerce-error {
  border-radius: 18px;
  border: none;
  padding: 14px 18px;
  background: rgba(47, 125, 255, 0.06);
  color: var(--sc-text);
  font-size: 14px;
}

/* ---------- Cart table ---------- */
.elementor-3313 .elementor-element.elementor-element-dce2e7f table.shop_table {
  border-radius: 22px;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--sc-border);
  overflow: hidden;
  background: #ffffff;
}

.elementor-3313 .elementor-element.elementor-element-dce2e7f table.shop_table th {
  background: var(--sc-bg);
  color: var(--sc-text);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.12em;
  padding: 14px 18px;
  border-bottom: 1px solid var(--sc-border);
}

.elementor-3313 .elementor-element.elementor-element-dce2e7f table.shop_table td {
  padding: 14px 18px;
  border-top: 1px solid var(--sc-border);
  font-size: 14px;
  color: var(--sc-text);
}

/* Product column tweaks */
.elementor-3313 .elementor-element.elementor-element-dce2e7f td.product-name a {
  color: var(--sc-text);
  font-weight: 600;
  text-decoration: none;
}

.elementor-3313 .elementor-element.elementor-element-dce2e7f td.product-name a:hover {
  text-decoration: underline;
}

/* Thumbnail rounded */
.elementor-3313 .elementor-element.elementor-element-dce2e7f td.product-thumbnail img {
  border-radius: 16px;
}

/* Remove ugly borders Woo sometimes adds */
.elementor-3313 .elementor-element.elementor-element-dce2e7f table.shop_table td.actions {
  border-top: 1px solid var(--sc-border);
}

/* ---------- Quantity & inputs ---------- */
.elementor-3313 .elementor-element.elementor-element-dce2e7f .qty,
.elementor-3313 .elementor-element.elementor-element-dce2e7f input[type="number"],
.elementor-3313 .elementor-element.elementor-element-dce2e7f input[type="text"] {
  border-radius: 999px;
  border: 1px solid var(--sc-border);
  padding: 6px 14px;
  font-size: 14px;
}

/* ---------- Primary buttons (Update cart / Checkout) ---------- */
.elementor-3313 .elementor-element.elementor-element-dce2e7f .button,
.elementor-3313 .elementor-element.elementor-element-dce2e7f button.button,
.elementor-3313 .elementor-element.elementor-element-dce2e7f a.button,
.elementor-3313 .elementor-element.elementor-element-dce2e7f .wc-proceed-to-checkout a.checkout-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 12px 26px;
  border-radius: 999px;
  border: none;
  background-image: var(--sc-gradient);
  color: #ffffff;
  font-weight: 600;
  font-size: 14px;
  text-transform: none;
  text-decoration: none;
  box-shadow: 0 10px 25px rgba(255, 74, 203, 0.4);
  transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

.elementor-3313 .elementor-element.elementor-element-dce2e7f .button:hover,
.elementor-3313 .elementor-element.elementor-element-dce2e7f button.button:hover,
.elementor-3313 .elementor-element.elementor-element-dce2e7f a.button:hover,
.elementor-3313 .elementor-element.elementor-element-dce2e7f .wc-proceed-to-checkout a.checkout-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(11, 31, 75, 0.4);
  opacity: 0.96;
}

/* Secondary / ghost actions (e.g. "Return to shop") */
.elementor-3313 .elementor-element.elementor-element-dce2e7f a.wc-backward {
  background: transparent;
  color: var(--sc-text);
  border-radius: 999px;
  padding: 10px 22px;
  border: 1px solid var(--sc-border);
  box-shadow: none;
}

.elementor-3313 .elementor-element.elementor-element-dce2e7f a.wc-backward:hover {
  background: var(--sc-bg);
}

/* Space buttons nicely in actions row */
.elementor-3313 .elementor-element.elementor-element-dce2e7f td.actions .button {
  margin-left: 8px;
}

/* ---------- Cart totals panel ---------- */
.elementor-3313 .elementor-element.elementor-element-dce2e7f .cart_totals {
  background: #ffffff;
  border-radius: 22px;
  border: 1px solid var(--sc-border);
  padding: 22px 22px 18px;
  box-shadow: 0 14px 30px rgba(4, 12, 33, 0.12);
}

.elementor-3313 .elementor-element.elementor-element-dce2e7f .cart_totals h2 {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 14px;
}

/* Totals rows */
.elementor-3313 .elementor-element.elementor-element-dce2e7f .cart_totals table {
  width: 100%;
  border: none;
}

.elementor-3313 .elementor-element.elementor-element-dce2e7f .cart_totals table th,
.elementor-3313 .elementor-element.elementor-element-dce2e7f .cart_totals table td {
  border: none;
  padding: 6px 0;
  font-size: 14px;
  color: var(--sc-text);
}

.elementor-3313 .elementor-element.elementor-element-dce2e7f .cart_totals table tr.order-total th,
.elementor-3313 .elementor-element.elementor-element-dce2e7f .cart_totals table tr.order-total td {
  font-weight: 700;
  font-size: 16px;
}

/* ---------- Coupons (if you’re using them) ---------- */
.elementor-3313 .elementor-element.elementor-element-dce2e7f .coupon label {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--sc-muted);
}

.elementor-3313 .elementor-element.elementor-element-dce2e7f .coupon input.input-text {
  min-width: 190px;
  margin-right: 10px;
}

/* ---------- Responsive tweaks ---------- */
@media (max-width: 767px) {
  .elementor-3313 .elementor-element.elementor-element-dce2e7f .woocommerce {
    padding: 22px 18px;
  }

  /* Hide thumbnails on very small screens to keep it clean */
  .elementor-3313 .elementor-element.elementor-element-dce2e7f table.shop_table td.product-thumbnail {
    display: none;
  }

  .elementor-3313 .elementor-element.elementor-element-dce2e7f table.shop_table th.product-thumbnail {
    display: none;
  }

  .elementor-3313 .elementor-element.elementor-element-dce2e7f .cart_totals {
    margin-top: 20px;
  }
}/* End custom CSS */