.elementor-33 .elementor-element.elementor-element-64e96294{--display:flex;}/* Start custom CSS for container, class: .elementor-element-64e96294 *//* =========================================================
   Lieblingschat – WooCommerce Warenkorb (Cart)
   Scope: .lc-cart ODER body.woocommerce-cart
   ========================================================= */

:where(.lc-cart, body.woocommerce-cart){
  --lc-bg-card:#22131a;
  --lc-panel:#2a1820;
  --lc-text:#ffffff;
  --lc-subtle:#e8d7df;
  --lc-accent:#e5adc6;
  --lc-accent-hover:#ecbdd1;
  --lc-bordeaux:#b54562;
  --lc-radius:16px;
  --lc-shadow:0 10px 26px rgba(0,0,0,.28);
}

/* ---------- Headline ---------- */
:where(.lc-cart, body.woocommerce-cart) .entry-title,
:where(.lc-cart, body.woocommerce-cart) h1{
  color:var(--lc-text); font-weight:900; letter-spacing:.2px;
}

/* ---------- Cart-Tabelle als Karte ---------- */
:where(.lc-cart, body.woocommerce-cart) table.shop_table{
  width:100%; border:0 !important; border-collapse:separate !important;
  border-spacing:0 !important; background:var(--lc-bg-card);
  border-radius:var(--lc-radius); box-shadow:var(--lc-shadow);
  overflow:hidden; color:var(--lc-subtle);
}
:where(.lc-cart, body.woocommerce-cart) table.shop_table th{
  color:var(--lc-text); font-weight:800; padding:14px 16px; background:transparent;
}
:where(.lc-cart, body.woocommerce-cart) table.shop_table td{
  padding:14px 16px; border:0; background:transparent;
  border-top:1px solid rgba(255,255,255,.06);
}

/* Produktbild + Name */
:where(.lc-cart, body.woocommerce-cart) td.product-thumbnail img{
  width:64px; height:64px; object-fit:cover; border-radius:10px;
  box-shadow:0 6px 14px rgba(0,0,0,.24);
}
:where(.lc-cart, body.woocommerce-cart) td.product-name a{
  color:var(--lc-text); font-weight:800; text-decoration:none;
}
:where(.lc-cart, body.woocommerce-cart) td.product-name a:hover{
  color:var(--lc-accent);
}

/* Entfernen-Icon */
:where(.lc-cart, body.woocommerce-cart) a.remove{
  color:var(--lc-accent) !important; background:transparent !important;
  font-size:22px; line-height:1;
}
:where(.lc-cart, body.woocommerce-cart) a.remove:hover{ color:var(--lc-accent-hover) !important; }

/* Menge */
:where(.lc-cart, body.woocommerce-cart) .quantity .qty{
  width:72px; text-align:center;
  background:var(--lc-panel); color:#fff; border:0; border-radius:10px; padding:8px 10px;
}

/* Coupon + Aktionen */
:where(.lc-cart, body.woocommerce-cart) .coupon .input-text{
  background:var(--lc-panel); color:#fff; border:0; border-radius:12px;
  padding:10px 12px; min-width:220px;
}
:where(.lc-cart, body.woocommerce-cart) .coupon .input-text::placeholder{ color:#e7d4dd; }

/* Buttons – global angleichen */
:where(.lc-cart, body.woocommerce-cart) .button,
:where(.lc-cart, body.woocommerce-cart) button.button,
:where(.lc-cart, body.woocommerce-cart) a.button{
  background:var(--lc-accent) !important; color:#fff !important;
  font-weight:800 !important; border:0 !important;
  border-radius:12px !important; padding:10px 14px !important;
  box-shadow:0 8px 18px rgba(0,0,0,.25);
}
:where(.lc-cart, body.woocommerce-cart) .button:hover{
  background:var(--lc-accent-hover) !important;
}

/* ---------- Cart Totals (rechte Spalte) ---------- */
:where(.lc-cart, body.woocommerce-cart) .cart-collaterals .cart_totals{
  background:var(--lc-bg-card); border-radius:var(--lc-radius);
  box-shadow:var(--lc-shadow); padding:16px 18px; color:var(--lc-subtle);
}
:where(.lc-cart, body.woocommerce-cart) .cart_totals h2{
  color:var(--lc-text); font-weight:900; margin-top:0;
}
:where(.lc-cart, body.woocommerce-cart) .cart_totals table.shop_table{
  background:transparent; border-radius:0; box-shadow:none;
}
:where(.lc-cart, body.woocommerce-cart) .cart_totals table.shop_table tr + tr td,
:where(.lc-cart, body.woocommerce-cart) .cart_totals table.shop_table tr + tr th{
  border-top:1px solid rgba(255,255,255,.08);
}
:where(.lc-cart, body.woocommerce-cart) .cart_totals .order-total th,
:where(.lc-cart, body.woocommerce-cart) .cart_totals .order-total td{
  color:var(--lc-text); font-weight:900;
}

/* ====== Checkout-Button final: kompakt + perfekt zentriert ====== */
:where(.lc-cart, body.woocommerce-cart) .wc-proceed-to-checkout{ padding:0 !important; }
:where(.lc-cart, body.woocommerce-cart) .wc-proceed-to-checkout p{ margin:0 !important; }

/* Button: zentriert + Mikro-Nudge nach oben über line-height */
:where(.lc-cart, body.woocommerce-cart) .wc-proceed-to-checkout a.checkout-button{
  /* Optik */
  background:var(--lc-accent) !important; 
  color:#fff !important;
  font-weight:900 !important;
  border-radius:12px !important;
  box-shadow:0 10px 22px rgba(0,0,0,.28);
  text-decoration:none !important;

  /* Geometrie & Zentrierung */
  display:block !important;
  box-sizing:border-box !important;
  width:100% !important;
  max-width:420px !important;
  margin:12px auto 0 !important;
  height:46px !important;
  padding:0 20px !important;
  text-align:center !important;
  white-space:nowrap !important;

  /* Mikro-Nudge: Text optisch etwas höher */
  line-height:15px !important; /* 2px kleiner als Höhe -> Text wirkt höher */
}
:where(.lc-cart, body.woocommerce-cart) .wc-proceed-to-checkout a.checkout-button::before,
:where(.lc-cart, body.woocommerce-cart) .wc-proceed-to-checkout a.checkout-button::after{
  content:none !important;
}
:where(.lc-cart, body.woocommerce-cart) .wc-proceed-to-checkout a.checkout-button:hover{
  background:var(--lc-accent-hover) !important;
}

/* Leerer Warenkorb: „Zurück zum Shop“ analog kompakt */
:where(.lc-cart, body.woocommerce-cart) .return-to-shop .button{
  position:relative !important;
  display:inline-block !important;
  box-sizing:border-box !important;
  height:42px !important;
  line-height:40px !important;    /* ebenfalls minimal höherer Look */
  padding:0 16px !important;
  white-space:nowrap !important;
}

/* ---------- Mobile Tweaks ---------- */
@media (max-width:900px){
  :where(.lc-cart, body.woocommerce-cart) .coupon .input-text{ min-width:0; width:100%; }
  :where(.lc-cart, body.woocommerce-cart) .actions .button{ width:auto; }
  :where(.lc-cart, body.woocommerce-cart) .cart-collaterals{ margin-top:16px; }
}

/* ---------- Etwas mehr Luft vor dem Footer ---------- */
:where(.lc-cart, body.woocommerce-cart) .cart-collaterals,
:where(.lc-cart, body.woocommerce-cart) .woocommerce{
  margin-bottom:28px;
}

/* === Leerer Warenkorb: "Zurück zum Shop" – Text sauber im Button === */
:where(.lc-cart, body.woocommerce-cart) p.return-to-shop{ 
  margin:0 !important;                                /* entfernt ggf. Extra-Abstand */
}

:where(.lc-cart, body.woocommerce-cart) p.return-to-shop a.button.wc-backward{
  display:inline-flex !important;                      /* echte Zentrierung */
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;

  height:40px !important;                              /* gleiche Höhe wie Checkout-Button */
  line-height:0px !important;                         /* Text optisch mittig */
  padding:0 16px !important;                           /* nur seitliche Polsterung */
  white-space:nowrap !important;                       /* kein Umbruch */
}

:where(.lc-cart, body.woocommerce-cart) p.return-to-shop a.button.wc-backward::before,
:where(.lc-cart, body.woocommerce-cart) p.return-to-shop a.button.wc-backward::after{
  content:none !important;                             /* Theme-Pseudo-Elemente ausschalten */
}

/* === Cart: Tabellenzeilen/Kopf ohne eigene Hintergründe (zeigt Kartencolor) === */
:where(.lc-cart, body.woocommerce-cart) table.shop_table thead,
:where(.lc-cart, body.woocommerce-cart) table.shop_table thead th,
:where(.lc-cart, body.woocommerce-cart) table.shop_table tbody tr,
:where(.lc-cart, body.woocommerce-cart) table.shop_table tbody tr th,
:where(.lc-cart, body.woocommerce-cart) table.shop_table tbody tr td,
:where(.lc-cart, body.woocommerce-cart) table.shop_table tbody tr:nth-child(odd),
:where(.lc-cart, body.woocommerce-cart) table.shop_table tbody tr:nth-child(even){
  background:transparent !important;
}

/* Auch in der rechten „Warenkorb-Summe“ Karte (Zwischensumme/Gesamtsumme) */
:where(.lc-cart, body.woocommerce-cart) .cart_totals table.shop_table tr,
:where(.lc-cart, body.woocommerce-cart) .cart_totals table.shop_table th,
:where(.lc-cart, body.woocommerce-cart) .cart_totals table.shop_table td{
  background:transparent !important;
}

/* === Warenkorb-Karten: Plum-Verlauf + Pink-Glow ==================== */
/* Wir ändern NICHT 'background', sondern ergänzen nur 'background-image'. */

/* Haupt-Tabelle (Warenkorb) + rechte "Warenkorb-Summe" Karte */
:where(.lc-cart, body.woocommerce-cart) table.shop_table,
:where(.lc-cart, body.woocommerce-cart) .cart-collaterals .cart_totals{
  position: relative;                /* für ::before */
  overflow: hidden;                  /* runde Ecken sauber */
  border-radius: var(--lc-radius);   /* falls nicht schon gesetzt */

  /* gleicher Verlauf wie auf der Coins-/Kasse-Seite */
  background-image: linear-gradient(145deg, #321823 0%, #1d0e14 100%) !important;
  background-repeat: no-repeat !important;
}

/* Pink-Glow Overlay */
:where(.lc-cart, body.woocommerce-cart) table.shop_table::before,
:where(.lc-cart, body.woocommerce-cart) .cart-collaterals .cart_totals::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: radial-gradient(320px 260px at 6% 12%,
                               rgba(255,142,189,0.15),
                               transparent 70%) !important;
}

/* Warenkorb-Tabelle: alle Zellränder entfernen (Header + Body) */
:where(.lc-cart, body.woocommerce-cart) 
table.shop_table.woocommerce-cart-form__contents,
:where(.lc-cart, body.woocommerce-cart) 
table.shop_table.woocommerce-cart-form__contents thead th,
:where(.lc-cart, body.woocommerce-cart) 
table.shop_table.woocommerce-cart-form__contents tbody td,
:where(.lc-cart, body.woocommerce-cart) 
table.shop_table.woocommerce-cart-form__contents tr {
  border: 0 !important;
}

/* überschreibt deine frühere Linie über den Body-Zeilen */
:where(.lc-cart, body.woocommerce-cart) 
table.shop_table.woocommerce-cart-form__contents tbody td {
  border-top: 0 !important;
}

/* falls das Theme eine Unterkante im Header setzt */
:where(.lc-cart, body.woocommerce-cart) 
table.shop_table.woocommerce-cart-form__contents thead th {
  border-bottom: 0 !important;
}



/* Warenkorb – Mobile: "Anzahl" in eine Zeile, sauber rechts ausgerichtet */
@media (max-width: 600px){
  :where(.lc-cart, body.woocommerce-cart) 
  table.shop_table.woocommerce-cart-form__contents td.product-quantity{
    display: grid;
    grid-template-columns: 1fr auto;   /* links Label (::before), rechts Feld */
    align-items: center;                /* vertikal mittig */
    gap: 12px;
  }

  /* Label (::before) bleibt links in Spalte 1 */
  :where(.lc-cart, body.woocommerce-cart) 
  table.shop_table.woocommerce-cart-form__contents td.product-quantity::before{
    grid-column: 1;
  }

  /* der <input>-Wrapper und das Feld selbst ohne Extramargins in Spalte 2 */
  :where(.lc-cart, body.woocommerce-cart) 
  table.shop_table.woocommerce-cart-form__contents td.product-quantity .quantity{
    grid-column: 2;
    margin: 0 !important;
    display: inline-flex;
    align-items: center;
  }
  :where(.lc-cart, body.woocommerce-cart) 
  table.shop_table.woocommerce-cart-form__contents td.product-quantity .qty{
    margin: 0 !important;
    height: 40px; line-height: 40px;
    padding: 0 12px;
    vertical-align: middle;
  }
}

@media (max-width: 600px){
  /* Zelle selbst linksbündig */
  :where(.lc-cart, body.woocommerce-cart)
  table.shop_table.woocommerce-cart-form__contents td.product-quantity{
    text-align: left !important;
  }

  /* Pseudo-Label "Anzahl:" links ausrichten */
  :where(.lc-cart, body.woocommerce-cart)
  table.shop_table.woocommerce-cart-form__contents td.product-quantity::before{
    text-align: left !important;
    justify-self: start !important;   /* im Grid nach links */
    margin: 0 !important;             /* evtl. Theme-Margins entfernen */
  }
}/* End custom CSS */