.elementor-9894 .elementor-element.elementor-element-8b71ec3{--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;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-2de1b19 *//* Hide original English titles */
.woocommerce-cart-form th.product-name,
.woocommerce-cart-form th.product-price,
.woocommerce-cart-form th.product-quantity,
.woocommerce-cart-form th.product-subtotal {
    font-size: 0;
}

/* Add German replacements */
.woocommerce-cart-form th.product-name::after {
    content: "Produkt";
    font-size: 16px;
}

.woocommerce-cart-form th.product-price::after {
    content: "Preis";
    font-size: 16px;
}

.woocommerce-cart-form th.product-quantity::after {
    content: "Menge";
    font-size: 16px;
}

.woocommerce-cart-form th.product-subtotal::after {
    content: "Zwischensumme";
    font-size: 16px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8b71ec3 *//* WooCommerce Cart: Header background color */
.woocommerce-cart table.shop_table thead th {
    background-color: #F07F23 !important;
    color: #ffffff !important;  /* white text */
    border-color: #F07F23 !important;
}

/* Optional: match the entire thead row */
.woocommerce-cart table.shop_table thead {
    background-color: #F07F23 !important;
}


/* WooCommerce Cart: Totals Section Heading */
.woocommerce-cart .cart_totals h2,
.woocommerce .cart_totals h2 {
    background-color: #F07F23 !important;
    color: #ffffff !important;   /* white text */
    padding: 10px 15px;          /* optional: nice spacing */
    border-radius: 4px;          /* optional: rounded corners */
    display: inline-block;       /* keeps the colored box tight */
}


/* WooCommerce Cart: Checkout Button Styling */
.woocommerce-cart .wc-proceed-to-checkout .checkout-button,
.woocommerce .wc-proceed-to-checkout .checkout-button {
    background-color: #F07F23 !important;
    color: #ffffff !important;
    border-color: #F07F23 !important;
    font-weight: 600;
    padding: 14px 24px;
    border-radius: 4px; /* optional */
}

/* Hover effect */
.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover,
.woocommerce .wc-proceed-to-checkout .checkout-button:hover {
    background-color: #d96f1f !important; /* slightly darker orange */
    border-color: #d96f1f !important;
    color: #ffffff !important;
}

/* WooCommerce Cart: "Update Cart" button styling */
.woocommerce-cart button[name="update_cart"],
.woocommerce button[name="update_cart"] {
    background-color: #F07F23 !important;
    border-color: #F07F23 !important;
    color: #ffffff !important;
    padding: 12px 20px;
    border-radius: 4px; /* optional */
    font-weight: 600;
}

/* Hover state */
.woocommerce-cart button[name="update_cart"]:hover,
.woocommerce button[name="update_cart"]:hover {
    background-color: #d96f1f !important; /* slightly darker orange */
    border-color: #d96f1f !important;
    color: #ffffff !important;
}

/* Disabled state (Woo disables it until quantity changes) */
.woocommerce-cart button[name="update_cart"][disabled],
.woocommerce button[name="update_cart"][disabled] {
    background-color: #f2b180 !important; /* lighter orange */
 
 border-color: #f2b180 !important;
    color: #ffffff !important;
    opacity: 0.8;
    cursor: not-allowed;
}


/* WooCommerce success message customization */
.woocommerce-message {
    background: transparent !important;   /* remove green background */
    border: none !important;              /* remove border */
    box-shadow: none !important;          /* remove any shadow */
    color: #F07F23 !important;            /* orange text */
    padding-left: 0 !important;           /* optional: remove Woo icon space */
}

/* Remove checkmark icon WooCommerce adds */
.woocommerce-message::before {
    display: none !important;
}/* End custom CSS */