/* === Grundfarben/Design anpassbar === */
.elementor-menu-cart__main{
  --mc-text:#1f2937;
  --mc-muted:#6b7280;
  --mc-border:#e5e7eb;
  --mc-primary:#ffea00; /* z.B. für deinen Sicher-Zahlen-Button */
  --mc-ink:#000;
}

/* Überschrift */
.elementor-menu-cart__main .mc-title{
  display:block; margin:0 0 12px;
  color:var(--mc-text); font-weight:700; line-height:1.2;
}

/* Produktliste */
.elementor-menu-cart__main .woocommerce-mini-cart{ list-style:none; margin:0; padding:0; display:grid; gap:12px; }
.elementor-menu-cart__main .elementor-menu-cart__product{
  position:relative; display:grid; grid-template-columns:64px 1fr auto; gap:12px; align-items:start;
  padding:12px 0; border-bottom:1px solid var(--mc-border);
}
.elementor-menu-cart__main .elementor-menu-cart__product-image img{
  width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid var(--mc-border);background:#f9fafb;
}
.elementor-menu-cart__main .elementor-menu-cart__product-name{ color:var(--mc-text); font-weight:600; line-height:1.35; }
.elementor-menu-cart__main .elementor-menu-cart__product-name a{ color:inherit; text-decoration:none; }
.elementor-menu-cart__main .elementor-menu-cart__product-name a:hover{ text-decoration:underline; }

.elementor-menu-cart__main .elementor-menu-cart__product-price{ text-align:right; color:var(--mc-text); font-weight:600; }
.elementor-menu-cart__main .elementor-menu-cart__product-price .quantity{ display:block; margin-bottom:8px; color:var(--mc-muted); font-weight:400; }

/* Mengen-Stepper */
.elementor-menu-cart__main .mw-qty{
  display:inline-flex; align-items:center; border:1px solid var(--mc-border); border-radius:10px; overflow:hidden; background:#fff;
}
.elementor-menu-cart__main .mw-qty button{
  width:36px; height:36px; border:0; background:#fff; cursor:pointer; font-size:18px; line-height:1;
}
.elementor-menu-cart__main .mw-qty .mw-input{
  width:44px; height:36px; text-align:center; border:0; border-left:1px solid var(--mc-border); border-right:1px solid var(--mc-border);
  outline:none; font-weight:600; color:var(--mc-text);
}

/* Entfernen-Icon */
.elementor-menu-cart__main .elementor-menu-cart__product-remove .remove{
  position:absolute; left:-4px; top:4px; width:22px; height:22px; border-radius:999px;
  border:1px solid var(--mc-border); background:#fff; display:grid; place-items:center; text-decoration:none; color:var(--mc-text); font-size:14px;
}

/* Subtotal */
.elementor-menu-cart__main .elementor-menu-cart__subtotal{
  display:flex; justify-content:space-between; align-items:baseline; gap:12px; padding:14px 0;
  border-top:1px solid var(--mc-border); border-bottom:1px solid var(--mc-border);
}
.elementor-menu-cart__main .elementor-menu-cart__subtotal .amount{ font-weight:700; }

/* „Sicher Zahlen“-Button (falls aus vorheriger Aufgabe vorhanden) */
.elementor-menu-cart__main .woocommerce-mini-cart__buttons .secure-pay-btn{
  display:block; width:100%; background:var(--mc-primary); color:var(--mc-ink) !important;
  border:none; border-radius:2px; padding:14px 10px; text-align:center; font-weight:600; text-transform:none; letter-spacing: auto; font-size: 16px;
  text-decoration:none !important; margin-top:10px;
}
.elementor-menu-cart__main .woocommerce-mini-cart__buttons .secure-pay-btn:hover{ filter:brightness(.96); }

/* Mobile */
@media (max-width:480px){
  .elementor-menu-cart__main .elementor-menu-cart__product{ grid-template-columns:56px 1fr auto; gap:10px; }
  .elementor-menu-cart__main .elementor-menu-cart__product-image img{ width:56px; height:56px; }
}

/* Layout bleibt: 64px | 1fr | auto */
.elementor-menu-cart__main .elementor-menu-cart__product{
  grid-template-columns: 64px 1fr auto;
}

/* Stepper unter dem Bild */
.elementor-menu-cart__main .elementor-menu-cart__product-image .mw-qty{
  display: inline-flex;
  align-items: center;
  margin-top: 8px;
  border: 1px solid var(--mc-border);
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}

/* Buttons */
.elementor-menu-cart__main .mw-qty .mw-minus,
.elementor-menu-cart__main .mw-qty .mw-plus{
  width: 36px;
  height: 36px;
  border: 0;
  background: #fff;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
}

/* Mittleres Eingabefeld mit Wert */
.elementor-menu-cart__main .mw-qty .mw-input{
  width: 48px;                 /* mittlere Breite */
  height: 36px;
  text-align: center;
  border: 0;
  border-left: 1px solid var(--mc-border);
  border-right: 1px solid var(--mc-border);
  outline: none;
  font-weight: 600;
  color: var(--mc-text);       /* Zahl sichtbar */
  background: #fff;
  -moz-appearance: textfield;  /* Nummer-Pfeile entfernen (Firefox) */
}
.elementor-menu-cart__main .mw-qty .mw-input::-webkit-outer-spin-button,
.elementor-menu-cart__main .mw-qty .mw-input::-webkit-inner-spin-button{
  -webkit-appearance: none; margin: 0; /* Nummer-Pfeile entfernen (Chrome) */
}

/* Preiszeile etwas Abstand, da Stepper nun im Bild steckt */
.elementor-menu-cart__main .elementor-menu-cart__product-price .quantity{
  display: block;
  margin-bottom: 4px;
  color: var(--mc-muted);
  font-weight: 400;
}

/* Entfernen-Icon nach rechts oben schieben, damit es nicht über dem Stepper liegt */
.elementor-menu-cart__main .elementor-menu-cart__product-remove .remove{
  left: auto; right: 0; top: 0;
}

.elementor-menu-cart__main .mw-shipping-note{
  margin: 6px 0 0;
  font-size: 14px;
  font-weight: 400px;
  color: var(--mc-muted);
}

/* Name-Zeile: Titel links, Remove rechts */
.elementor-menu-cart__main .product-name {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.elementor-menu-cart__main .product-name .mc-name-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.elementor-menu-cart__main .product-name .mc-title a {
  color: inherit;
  text-decoration: none;
}
.elementor-menu-cart__main .product-name .mc-title a:hover {
  text-decoration: underline;
}

/* Remove-Button im Kontext des Namens (nicht mehr absolut positionieren) */
.elementor-menu-cart__main .product-name .mc-remove .remove {
  position: static;             /* wichtig: nicht absolute */
  width: auto; height: auto;
  border: 0; background: transparent;
  color: var(--mc-muted, #6b7280);
  font-size: 18px; line-height: 1;
  text-decoration: none;
  padding: 0 2px;
  transform: translateY(-1px);  /* minimal nach oben für schöne Linie */
}
.elementor-menu-cart__main .product-name .mc-remove .remove:hover {
  color: var(--mc-text, #1f2937);
}