.elementor-47 .elementor-element.elementor-element-2d6d6c2{--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;}/* Start custom CSS for shortcode, class: .elementor-element-4234a08 *//* ✅ Table Styling */
.woocommerce-cart table,
.woocommerce-cart table td,
.woocommerce-cart table th {
    color: #ffffff !important;
    border-color: #555 !important;
}

/* ✅ Cart Totals Box */
.woocommerce .cart-collaterals,
.woocommerce .cart_totals {
    color: #ffffff !important;
    background: #111111 !important;
    border: 1px solid #333 !important;
    padding: 20px;
}

/* ✅ Titles */
.woocommerce-cart h2,
.woocommerce-cart h3,
.woocommerce .cart_totals h2 {
    color: #00e0ff !important;
    font-weight: bold;
}

/* ✅ Checkout Button */
.woocommerce a.checkout-button {
    background-color: #00e0ff !important;
    color: #000000 !important;
    border: none !important;
    font-weight: bold;
}

/* ✅ Apply Coupon / Update Cart */
.woocommerce input.button,
.woocommerce button.button {
    background-color: #00e0ff !important;
    color: #000000 !important;
    border: none !important;
    font-weight: bold;
}

/* ✅ Coupon Field Placeholder */
.woocommerce-cart .coupon input.input-text {
    background-color: #222 !important;
    color: #fff !impo/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d6d6c2 *//* ✅ Cart Page – Final Professional Styling =================== */

/* ✅ General Cart Table Styling */
.woocommerce-cart table,
.woocommerce-cart table td,
.woocommerce-cart table th {
    color: #ffffff !important;
    border-color: #444 !important;
    font-family: Tahoma, sans-serif !important;
    font-size: 14px;
}

/* ✅ Product Name */
.woocommerce-cart .product-name a {
    color: #00f7ff !important;
    font-family: Tahoma, sans-serif !important;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    transition: 0.3s;
}
.woocommerce-cart .product-name a:hover {
    color: #00c7e6 !important;
    text-decoration: underline;
}

/* ✅ Quantity Input */
.woocommerce input.qty {
    background-color: #121212 !important;
    color: #ffffff !important;
    border: 1px solid #00e0ff !important;
    border-radius: 6px;
    padding: 8px;
    font-family: Tahoma, sans-serif !important;
    width: 60px;
}

/* ✅ Remove Item Icon */
.woocommerce a.remove {
    color: red !important;
    font-size: 20px;
    transition: 0.2s;
}
.woocommerce a.remove:hover {
    background: #ff0000 !important;
    color: #fff !important;
}

/* ✅ Cart Totals Box */
.woocommerce .cart-collaterals,
.woocommerce .cart_totals {
    color: #ffffff !important;
    background: #111111 !important;
    border: 1px solid #333 !important;
    padding: 25px;
    border-radius: 10px;
    font-family: Tahoma, sans-serif !important;
}

/* ✅ Cart Totals Titles */
.woocommerce-cart h2,
.woocommerce-cart h3,
.woocommerce .cart_totals h2 {
    color: #00e0ff !important;
    font-weight: 700;
    font-family: Tahoma, sans-serif !important;
    text-transform: uppercase;
    margin-bottom: 20px;
}

/* ✅ Totals (Subtotal & Total) */
.cart_totals .order-total strong,
.cart_totals .woocommerce-Price-amount,
.cart_totals td {
    color: #ffffff !important;
    font-weight: bold;
    font-family: Tahoma, sans-serif !important;
    font-size: 15px;
}

/* ✅ Coupon Input Field */
.woocommerce-cart .coupon input.input-text {
    background-color: #1c1c1c !important;
    color: #ffffff !important;
    border: 1px solid #00e0ff !important;
    border-radius: 8px;
    padding: 10px 15px;
    font-family: Tahoma, sans-serif !important;
}

/* ✅ Apply Coupon & Update Cart Buttons */
.woocommerce input.button,
.woocommerce button.button {
    background-color: #00e0ff !important;
    color: #000000 !important;
    border: none !important;
    border-radius: 6px;
    padding: 12px 24px;
    font-weight: bold;
    font-family: Tahoma, sans-serif !important;
    text-transform: uppercase;
    transition: 0.3s;
}
.woocommerce input.button:hover,
.woocommerce button.button:hover {
    background-color: #00c7e6 !important;
    box-shadow: 0 0 10px #00f7ff;
}

/* ✅ Proceed to Checkout Button */
.woocommerce a.checkout-button {
    background-color: #00e0ff !important;
    color: #000000 !important;
    font-weight: bold;
    border-radius: 6px;
    padding: 14px 28px;
    font-family: Tahoma, sans-serif !important;
    text-transform: uppercase;
    box-shadow: 0 0 10px #00f7ff;
    transition: 0.3s;
    display: inline-block;
    margin-top: 20px;
}
.woocommerce a.checkout-button:hover {
    background-color: #00c7e6 !important;
    box-shadow: 0 0 15px #00f7ff;
}

/* ✅ Responsive Fix */
@media (max-width: 768px) {
    .woocommerce .cart-collaterals {
        padding: 15px;
    }
    .woocommerce-cart .product-name a {
        font-size: 14px;
    }
}/* End custom CSS */