.elementor-16 .elementor-element.elementor-element-22862d1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-16 .elementor-element.elementor-element-3cd0f3d{--update-cart-automatically-display:none;}body.elementor-page-16:not(.elementor-motion-effects-element-type-background), body.elementor-page-16 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-49447e1 );}/* Start custom CSS for woocommerce-cart, class: .elementor-element-3cd0f3d *//* ============================================================
   SLS TRANSPORTATION — WOOCOMMERCE CART STYLING
   Overrides Elementor/WooCommerce defaults for dark luxury
   Fonts: Cormorant Garamond (headings) · Jost (body/UI)
   ============================================================ */

/* ── TOKENS & MAIN WRAPPER ────────────────────────────── */
.sls-luxury-cart {
  --woo-gold: #C9A84C;
  --woo-gold-light: #E2C47A;
  --woo-bg: #0E0E0E;
  --woo-surface: #161616;
  --woo-border: rgba(244, 239, 230, 0.15);
  --woo-text: #F4EFE6;
  --woo-muted: rgba(244, 239, 230, 0.5);
  --woo-input-bg: rgba(244, 239, 230, 0.03);
}

.sls-luxury-cart .woocommerce {
  font-family: 'Jost', sans-serif !important;
  color: var(--woo-muted) !important;
}

/* ── MAIN CART TABLE ─────────────────────────────────── */
.sls-luxury-cart table.shop_table.cart {
  border: none !important;
  border-radius: 0 !important;
  border-bottom: 1px solid var(--woo-border) !important;
  margin-bottom: 40px !important;
}

.sls-luxury-cart table.shop_table.cart th,
.sls-luxury-cart table.shop_table.cart td {
  border-top: 1px solid var(--woo-border) !important;
  padding: 24px 10px !important;
  background: transparent !important;
  color: var(--woo-text) !important;
  vertical-align: middle !important;
}

/* Table Headers */
.sls-luxury-cart table.shop_table.cart th {
  font-weight: 600 !important;
  color: var(--woo-gold-light) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  font-size: 0.85rem !important;
}

/* Product Name & Links */
.sls-luxury-cart td.product-name a {
  color: var(--woo-white) !important;
  font-size: 1.1rem !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
}

.sls-luxury-cart td.product-name a:hover {
  color: var(--woo-gold-light) !important;
}

/* Product Price & Subtotal */
.sls-luxury-cart td.product-price .amount,
.sls-luxury-cart td.product-subtotal .amount {
  color: var(--woo-gold) !important;
  font-weight: 500 !important;
  font-size: 1.1rem !important;
}

/* ── REMOVE ITEM BUTTON (The Red X) ──────────────────── */
.sls-luxury-cart a.remove {
  color: #ff5b5b !important;
  background: transparent !important;
  font-size: 1.5rem !important;
  font-weight: 300 !important;
  transition: transform 0.3s ease !important;
}

.sls-luxury-cart a.remove:hover {
  background: transparent !important;
  color: #ff3333 !important;
  transform: scale(1.2) !important;
}

/* ── INPUTS (Quantity & Coupon) ──────────────────────── */
.sls-luxury-cart div.quantity input.qty,
.sls-luxury-cart .coupon input.input-text {
  font-family: 'Jost', sans-serif !important;
  font-size: 1rem !important;
  color: var(--woo-text) !important;
  background-color: var(--woo-input-bg) !important;
  border: 1px solid var(--woo-border) !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  transition: all 0.3s ease !important;
  box-shadow: none !important;
}

.sls-luxury-cart div.quantity input.qty:focus,
.sls-luxury-cart .coupon input.input-text:focus {
  border-color: var(--woo-gold) !important;
  background-color: rgba(244, 239, 230, 0.06) !important;
  outline: none !important;
}

/* ── SECONDARY BUTTONS (Apply Coupon, Update Cart) ───── */
.sls-luxury-cart .actions .button {
  font-family: 'Jost', sans-serif !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  background-color: transparent !important;
  color: var(--woo-text) !important;
  border: 1px solid var(--woo-border) !important;
  border-radius: 8px !important;
  padding: 14px 24px !important;
  transition: all 0.3s ease !important;
}

.sls-luxury-cart .actions .button:hover {
  background-color: rgba(244, 239, 230, 0.05) !important;
  border-color: var(--woo-text) !important;
  color: var(--woo-text) !important;
}

/* ── CART TOTALS CARD (The Sidebar Summary) ──────────── */
.sls-luxury-cart .cart-collaterals .cart_totals {
  background: var(--woo-surface) !important;
  border-radius: 12px !important;
  border: 1px solid var(--woo-border) !important;
  padding: 30px !important;
  width: 100% !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
}

.sls-luxury-cart .cart_totals h2 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 2rem !important;
  color: var(--woo-text) !important;
  font-weight: 600 !important;
  border-bottom: 1px solid var(--woo-border) !important;
  padding-bottom: 15px !important;
  margin-bottom: 24px !important;
}

.sls-luxury-cart .cart_totals table.shop_table {
  border: none !important;
  margin-bottom: 30px !important;
}

.sls-luxury-cart .cart_totals table.shop_table th,
.sls-luxury-cart .cart_totals table.shop_table td {
  border: none !important;
  border-bottom: 1px solid var(--woo-border) !important;
  padding: 16px 0 !important;
}

.sls-luxury-cart .cart_totals table.shop_table th {
  color: var(--woo-muted) !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  font-size: 1rem !important;
}

.sls-luxury-cart .cart_totals table.shop_table .order-total th,
.sls-luxury-cart .cart_totals table.shop_table .order-total td {
  border-bottom: none !important;
  padding-top: 24px !important;
}

.sls-luxury-cart .cart_totals table.shop_table .order-total td strong {
  font-size: 1.6rem !important;
  color: var(--woo-gold) !important;
}

/* ── PROCEED TO CHECKOUT BUTTON ──────────────────────── */
.sls-luxury-cart .checkout-button {
  font-family: 'Jost', sans-serif !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  background-color: var(--woo-gold) !important;
  color: #000000 !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 20px 40px !important;
  width: 100% !important;
  text-align: center !important;
  display: block !important;
  transition: transform 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease !important;
}

.sls-luxury-cart .checkout-button:hover {
  background-color: var(--woo-gold-light) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 25px rgba(201, 168, 76, 0.25) !important;
}/* End custom CSS */