.elementor-1191 .elementor-element.elementor-element-b81510a{--display:flex;}.elementor-1191 .elementor-element.elementor-element-3ecbc2c6{--swiper-slides-to-display:3;--swiper-slides-gap:10px;--arrow-prev-left-align:50%;--arrow-prev-translate-x:-50%;--arrow-prev-left-position:-80px;--arrow-prev-top-align:100%;--arrow-prev-translate-y:-100%;--arrow-prev-top-position:23px;--arrow-next-right-align:50%;--arrow-next-translate-x:50%;--arrow-next-right-position:-80px;--arrow-next-top-align:100%;--arrow-next-translate-y:-100%;--arrow-next-top-position:23px;--arrow-normal-color:var( --e-global-color-primary );--swiper-pagination-size:9px;--swiper-pagination-spacing:38px;}.elementor-1191 .elementor-element.elementor-element-3ecbc2c6 .swiper-slide > .elementor-element{height:100%;}.elementor-1191 .elementor-element.elementor-element-3ecbc2c6 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:10px;--swiper-pagination-bullet-vertical-gap:10px;}@media(max-width:1024px){.elementor-1191 .elementor-element.elementor-element-3ecbc2c6{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-1191 .elementor-element.elementor-element-3ecbc2c6{--swiper-slides-to-display:1;}}/* Start custom CSS *//* ==========================================================================
   FINALER WOOCOMMERCE WARENKORB (SCREENSHOT-STYLE) - REPARIERT
   ========================================================================== */

/* 1. BASIS-EINSTELLUNGEN & LAYOUT (UNTEREINANDER) */
.woocommerce-cart .woocommerce {
    font-family: 'Inter', sans-serif;
}

.woocommerce-cart .woocommerce-cart-form {
    width: 100% !important;
    margin-bottom: 50px; /* Abstand zwischen Tabelle und Zusammenfassung */
}

.woocommerce-cart .cart-collaterals {
    width: 100% !important;
    max-width: 450px; /* Begrenzt die Breite der Zusammenfassung auf Desktop */
    margin-left: auto; /* Schiebt die Box nach rechts unten (wie im Screenshot) */
}

/* 2. STYLING DER PRODUKTTABELLE (LINKS/OBEN) */
.woocommerce-cart table.shop_table {
    border-collapse: collapse;
    border: none !important;
    border-radius: 0 !important;
    width: 100% !important;
}

/* Tabellen-Header (PRODUKT, GRÖSSE, PREIS...) */
.woocommerce-cart table.shop_table th {
    font-family: 'Arvo', serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.5px;
    color: #000000;
    border: none !important;
    padding: 15px 0 !important;
    border-bottom: 2px solid #f2f2f2 !important;
}

/* Tabellen-Zeilen */
.woocommerce-cart table.shop_table td {
    border: none !important;
    border-bottom: 1px solid #f2f2f2 !important;
    padding: 25px 0 !important;
    vertical-align: middle;
    background: transparent !important;
    font-family: 'Inter', sans-serif;
}

/* Produktname (z. B. BANDIT BEAST) */
.woocommerce-cart table.shop_table td.product-name a {
    font-family: 'Arvo', serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    color: #000000;
    text-decoration: none;
}

/* Produktbild */
.woocommerce-cart table.shop_table td.product-thumbnail img {
    width: 70px !important;
    height: auto;
    border-radius: 4px;
}

/* Preise und Zwischensummen in der Tabelle */
.woocommerce-cart table.shop_table td.product-price .amount,
.woocommerce-cart table.shop_table td.product-subtotal .amount {
    font-weight: 700;
    color: #000000;
}

/* "Entfernen"-Button (Mülleimer / Kreuz ganz rechts) */
.woocommerce-cart table.shop_table td.product-remove a.remove {
    color: #b3b3b3 !important;
    font-weight: normal;
    font-size: 14px;
}
.woocommerce-cart table.shop_table td.product-remove a.remove:hover {
    color: #c92f09 !important; /* Nutzt deine Hover-Farbe */
    background: transparent !important;
}

/* 3. MENGENWÄHLER & SYSTEM-BUTTONS */
.woocommerce-cart .quantity input.qty {
    border: 1px solid #e0e0e0 !important;
    padding: 5px !important;
    font-weight: 700;
    font-family: 'Inter', sans-serif;
    color: #000000;
}

/* Untere Button-Zeile aufräumen */
.woocommerce-cart .actions {
    border: none !important;
    background: transparent !important;
    padding: 20px 0 0 0 !important;
}

/* "Warenkorb aktualisieren" Button komplett eckig machen */
.woocommerce-cart .actions .button[name="update_cart"] {
    border-radius: 0px !important;
    text-transform: uppercase;
    font-family: 'Arvo', serif;
    font-weight: 700;
    letter-spacing: 0.5px;
}

/* Gutscheinfeld visuell ausblenden */
.woocommerce-cart .actions .coupon {
    display: none !important;
}

/* 4. ZUSAMMENFASSUNG (GRAUE BOX UNTEN/RECHTS) */
.woocommerce-cart .cart_totals {
    background-color: #f7f9f9 !important; /* Helles Grau-Blau aus dem Screenshot */
    padding: 30px !important;
    border: none !important;
    width: 100% !important;
    float: none !important;
    box-sizing: border-box;
}

/* Titel "ZUSAMMENFASSUNG" */
.woocommerce-cart .cart_totals h2 {
    font-family: 'Arvo', serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 22px;
    color: #000000;
    margin-bottom: 20px !important;
    border: none !important;
}

/* Tabelle innerhalb der Zusammenfassung */
.woocommerce-cart .cart_totals table.shop_table_responsive {
    border: none !important;
}
.woocommerce-cart .cart_totals tr th, 
.woocommerce-cart .cart_totals tr td {
    border: none !important;
    border-bottom: 1px solid #e5eded !important;
    padding: 12px 0 !important;
    background: transparent !important;
    font-family: 'Inter', sans-serif;
}

/* Linke Spalten-Texte (z.B. "Versandkosten") */
.woocommerce-cart .cart_totals tr th {
    color: #333333;
    font-weight: 400;
    text-align: left;
}

/* Rechte Spalten-Texte (Preise) */
.woocommerce-cart .cart_totals tr td {
    text-align: right;
    font-weight: 700;
    color: #000000;
}

/* Zeile: Gesamtsumme (Groß und extra fett) */
.woocommerce-cart .cart_totals tr.order-total th,
.woocommerce-cart .cart_totals tr.order-total td {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 800;
    color: #000000;
    border-bottom: none !important;
    padding-top: 20px !important;
}

/* 5. DER "WEITER ZUR ZAHLUNG" BUTTON */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background-color: #e8370d !important; /* Dein Wunsch-Rot */
    color: #ffffff !important;
    font-family: 'Arvo', serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1px;
    padding: 18px 30px !important;
    border-radius: 0px !important; /* Komplett eckig */
    text-align: center;
    display: block;
    width: 100%;
    transition: background-color 0.2s ease-in-out;
    box-sizing: border-box;
}

/* Button-Hover Zustand */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #c92f09 !important; /* Deine Wunsch-Hover-Farbe */
}/* End custom CSS */