.elementor-36 .elementor-element.elementor-element-f788ecb{--display:flex;}.elementor-36 .elementor-element.elementor-element-1543e4c .shop_table .button{background-color:var( --e-global-color-ca58726 );}.elementor-36 .elementor-element.elementor-element-1543e4c .shop_table .button:hover, .elementor-36 .elementor-element.elementor-element-1543e4c .shop_table .button:disabled[disabled]:hover{background-color:var( --e-global-color-0e3f93b );}.elementor-36 .elementor-element.elementor-element-1543e4c{--forms-buttons-normal-text-color:var( --e-global-color-5938579 );--forms-buttons-hover-text-color:var( --e-global-color-ca58726 );--forms-buttons-border-type:none;}:root{--page-title-display:none;}/* Start custom CSS for woocommerce-cart, class: .elementor-element-1543e4c *//* 1. GRUNDGERÜST & SCHRIFT */
.elementor-36 .elementor-element.elementor-element-1543e4c {
    font-family: 'Montserrat', sans-serif !important;
}

.elementor-36 .elementor-element.elementor-element-1543e4c .e-cart__container {
    gap: 40px !important;
}

/* 2. LINKE SEITE: PRODUKT-ÜBERSICHT BOX */
.elementor-36 .elementor-element.elementor-element-1543e4c .e-cart__column-start .elementor-widget-container {
    background: #ffffff !important;
    border-radius: 40px !important;
    padding: 40px !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid #f2f2f2 !important;
}

/* Tabellen-Styling (Header) */
.elementor-36 .elementor-element.elementor-element-1543e4c .shop_table.cart thead th {
    color: #2d4a22 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    border-bottom: 2px solid #f2f2f2 !important;
    padding: 15px !important;
}

/* Produkt-Zeilen */
.elementor-36 .elementor-element.elementor-element-1543e4c .shop_table.cart tr.cart_item {
    border-bottom: 1px solid #f9f9f9 !important;
}

.elementor-36 .elementor-element.elementor-element-1543e4c .product-name a {
    color: #2d4a22 !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
    text-decoration: none !important;
}

.elementor-36 .elementor-element.elementor-element-1543e4c .product-name a:hover {
    color: #c5a059 !important;
}

/* Bilder-Design */
.elementor-36 .elementor-element.elementor-element-1543e4c .product-thumbnail img {
    border-radius: 15px !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05) !important;
}

/* 3. PREISE & MENGE */
.elementor-36 .elementor-element.elementor-element-1543e4c .amount, 
.elementor-36 .elementor-element.elementor-element-1543e4c .product-subtotal .amount {
    color: #c5a059 !important;
    font-weight: 800 !important;
}

/* Mengen-Eingabefeld */
.elementor-36 .elementor-element.elementor-element-1543e4c .quantity input.qty {
    border: 1px solid #e1e1e1 !important;
    border-radius: 10px !important;
    background: #fcfcfc !important;
    color: #2d4a22 !important;
    font-weight: 700 !important;
}

/* 4. RECHTE SEITE: WARENKORB-SUMMEN BOX */
.elementor-36 .elementor-element.elementor-element-1543e4c .e-cart__column-end .elementor-widget-container {
    background: #ffffff !important;
    border-radius: 40px !important;
    padding: 40px !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.08) !important;
    border-top: 8px solid #c5a059 !important; /* Goldener Akzent */
}

.elementor-36 .elementor-element.elementor-element-1543e4c .e-cart__totals-title {
    color: #2d4a22 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    font-weight: 800 !important;
}

/* 5. BUTTONS (CHECKOUT & COUPON) */
.elementor-36 .elementor-element.elementor-element-1543e4c .e-cart__checkout-button {
    background-color: #2d4a22 !important;
    color: #ffffff !important;
    border-radius: 14px !important;
    padding: 20px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    border: none !important;
    transition: all 0.3s ease !important;
}

.elementor-36 .elementor-element.elementor-element-1543e4c .e-cart__checkout-button:hover {
    background-color: #1a2e15 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 20px rgba(45, 74, 34, 0.2) !important;
}

/* Gutschein Button */
.elementor-36 .elementor-element.elementor-element-1543e4c .e-cart__coupon-button {
    background-color: transparent !important;
    color: #2d4a22 !important;
    border: 2px solid #2d4a22 !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    transition: all 0.3s ease !important;
}

.elementor-36 .elementor-element.elementor-element-1543e4c .e-cart__coupon-button:hover {
    background-color: #2d4a22 !important;
    color: #ffffff !important;
}

/* 6. MOBILE OPTIMIERUNG */
@media (max-width: 768px) {
    .elementor-36 .elementor-element.elementor-element-1543e4c .e-cart__column-start .elementor-widget-container,
    .elementor-36 .elementor-element.elementor-element-1543e4c .e-cart__column-end .elementor-widget-container {
        padding: 25px 20px !important;
        border-radius: 30px !important;
    }

    /* Tabelle auflösen */
    .elementor-36 .elementor-element.elementor-element-1543e4c .shop_table.cart thead {
        display: none !important;
    }

    .elementor-36 .elementor-element.elementor-element-1543e4c .shop_table.cart tr.cart_item {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        padding: 20px 0 !important;
    }

    .elementor-36 .elementor-element.elementor-element-1543e4c .shop_table.cart td {
        display: block !important;
        width: 100% !important;
        border: none !important;
        padding: 5px 0 !important;
    }

    .elementor-36 .elementor-element.elementor-element-1543e4c .product-thumbnail img {
        max-width: 120px !important;
        margin-bottom: 15px !important;
    }

    /* Damit nichts abgeschnitten wird */
    .elementor-36 .elementor-element.elementor-element-1543e4c .elementor-widget-container {
        width: 100% !important;
        overflow: visible !important;
    }
}
/* === VERSANDKOSTEN-RECHNER COLOR FIX === */

/* Der Link "Versandkosten berechnen" */
.elementor-36 .elementor-element.elementor-element-1543e4c .shipping-calculator-button {
    color: #2d4a22 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.elementor-36 .elementor-element.elementor-element-1543e4c .shipping-calculator-button:hover {
    color: #c5a059 !important;
}

/* Die Eingabefelder im Versandkosten-Rechner */
.elementor-36 .elementor-element.elementor-element-1543e4c .shipping-calculator-form input,
.elementor-36 .elementor-element.elementor-element-1543e4c .shipping-calculator-form select {
    border: 1px solid #e1e1e1 !important;
    border-radius: 10px !important;
    padding: 10px !important;
    background: #fcfcfc !important;
    font-family: 'Montserrat', sans-serif !important;
    color: #2d4a22 !important;
}

/* Fokus-Effekt für die Felder */
.elementor-36 .elementor-element.elementor-element-1543e4c .shipping-calculator-form input:focus,
.elementor-36 .elementor-element.elementor-element-1543e4c .shipping-calculator-form select:focus {
    border-color: #c5a059 !important;
    outline: none !important;
}

/* Der Button "Update" im Rechner */
.elementor-36 .elementor-element.elementor-element-1543e4c .shipping-calculator-form button[name="calc_shipping"] {
    background-color: #2d4a22 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border: none !important;
    margin-top: 10px !important;
    transition: background 0.3s ease !important;
}

.elementor-36 .elementor-element.elementor-element-1543e4c .shipping-calculator-form button[name="calc_shipping"]:hover {
    background-color: #c5a059 !important;
}

/* Fix für blaue Radio-Buttons oder Häkchen */
.elementor-36 .elementor-element.elementor-element-1543e4c input[type="radio"]:checked:before {
    background-color: #2d4a22 !important;
}/* End custom CSS */