.elementor-225 .elementor-element.elementor-element-a467e9b{--display:flex;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-225 .elementor-element.elementor-element-7f543e2{--update-cart-automatically-display:none;}.elementor-225 .elementor-element.elementor-element-7f543e2 .woocommerce-cart-form{--order-summary-title-color:var( --e-global-color-40755cf );}@media(min-width:768px){.elementor-225 .elementor-element.elementor-element-a467e9b{--content-width:1290px;}}/* Start custom CSS for woocommerce-cart, class: .elementor-element-7f543e2 *//* 1. Global Cart Typography and Colors */
.woocommerce-cart .elementor-widget-woocommerce-cart {
    font-family: 'Mulish', sans-serif;
    color: #ffffff;
    background-color: transparent;
}

/* 2. Empty Cart Message Style */
.woocommerce-cart .cart-empty.woocommerce-info {
    border-top-color: #61A95F; /* Accent green from your brand */
    background-color: rgba(255, 255, 255, 0.05);
    color: #ffffff;
    font-family: 'Mulish', sans-serif;
}

/* 3. Button Styling (Forum Font) */
.woocommerce-cart .return-to-shop a.button.wc-backward {
    font-family: 'Forum', serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    background-color: transparent;
    color: #ffffff;
    border: 1px solid #ffffff;
    padding: 15px 40px;
    transition: all 0.3s ease;
    border-radius: 0; /* Matches the square 'ASZTALFOGLALÁS' button */
}

/* 4. Button Hover State */
.woocommerce-cart .return-to-shop a.button.wc-backward:hover {
    background-color: #61A95F;
    border-color: #61A95F;
    color: #ffffff;
}

/* 5. Heading styling (matches "EGY FALAT ITÁLIA") */
.woocommerce-cart h2, 
.woocommerce-cart .cart-collaterals h2 {
    font-family: 'Forum', serif;
    text-transform: uppercase;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a467e9b *//* --- 1. ÁLTALÁNOS HÁTTÉR ÉS BETŰK --- */
.woocommerce-cart .elementor-widget-woocommerce-cart {
    color: #ffffff !important;
    font-family: 'Mulish', sans-serif !important;
}

/* Táblázat fejlécek és Cart Totals cím */
.woocommerce-cart .shop_table thead th, 
.woocommerce-cart .cart-collaterals h2 {
    font-family: 'Forum', serif !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #ffffff !important;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    background: transparent !important;
}

/* --- 2. TÁBLÁZAT ÉS KONTÉNEREK STÍLUSA --- */
.woocommerce-cart .e-cart-section {
    background-color: rgba(255, 255, 255, 0.03) !important; /* Nagyon halvány sötét háttér */
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.woocommerce-cart table.shop_table {
    border-collapse: collapse !important;
    border: none !important;
}

.woocommerce-cart .shop_table td {
    color: #ffffff !important;
    border-top: 1px solid rgba(255,255,255,0.05) !important;
}

/* Termék neve link */
.woocommerce-cart .product-name a {
    color: #ffffff !important;
    font-weight: 600;
}

/* --- 3. GOMBOK EGYSÉGESEÍTÉSE (Forum font, Fehér keret, Zöld hover) --- */
/* Minden gombra vonatkozik: Update Cart, Apply Coupon, Proceed to Checkout, stb. */
.woocommerce-cart .button, 
.woocommerce-cart .checkout-button,
.woocommerce-cart .e-apply-coupon {
    font-family: 'Forum', serif !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
    border-radius: 0 !important;
    padding: 15px 25px !important;
    transition: all 0.3s ease-in-out !important;
}

/* Hover állapot minden gombra */
.woocommerce-cart .button:hover, 
.woocommerce-cart .checkout-button:hover,
.woocommerce-cart .e-apply-coupon:hover {
    background-color: #61A95F !important;
    border-color: #61A95F !important;
    color: #ffffff !important;
}

/* Tiltott gomb (pl. Update Cart, ha nincs változás) */
.woocommerce-cart .button:disabled,
.woocommerce-cart .button:disabled[hover] {
    opacity: 0.5;
    background-color: transparent !important;
    color: #ffffff !important;
}

/* --- 4. BEVITELI MEZŐK (Coupon code, Quantity) --- */
.woocommerce-cart .coupon input#coupon_code,
.woocommerce-cart .quantity input.qty {
    background-color: #1a1a1a !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    padding: 10px !important;
}

/* --- 5. SHIPPING (Szállítás) ÉS ÖSSZESÍTŐ --- */
.woocommerce-shipping-totals, .cart-subtotal, .order-total {
    background: transparent !important;
}

.shipping-calculator-button {
    color: #61A95F !important; /* A link legyen a zöld színed */
    text-decoration: none;
}

.order-total strong .amount {
    color: #ffffff !important;
    font-size: 1.2em;
}

/* --- 6. AZONNALI JAVÍTÁS A KÉK SZÍN ELLEN --- */
/* Eltávolítunk minden alapértelmezett Elementor/Woo kék hátteret */
.checkout-button.alt, .e-apply-coupon {
    background-image: none !important;
}

/* X ikon (törlés) színe */
.woocommerce-cart .remove {
    color: #ff4444 !important; /* Piros maradjon vagy #ffffff */
}
.woocommerce-cart .remove:hover {
    background-color: #ff4444 !important;
    color: #fff !important;
}
/* --- 1. ÁRAK ÉS ÖSSZEGEK (FEHÉRRE ÁLLÍTÁSA) --- */
/* Ez érinti a termék árat, a részösszeget és a végösszeget is */
.woocommerce-cart .amount, 
.woocommerce-cart .woocommerce-Price-amount,
.woocommerce-cart .product-subtotal .amount,
.woocommerce-cart .cart-subtotal .amount,
.woocommerce-cart .order-total .amount bdi {
    color: #ffffff !important;
    font-weight: 500;
}



/* Hover állapot az X ikonra (opcionális: pirosra vált, ha ráviszed az egeret) */
.woocommerce-cart a.remove:hover {
    background-color: #ff4444 !important;
    color: #ffffff !important;
    border-color: #ff4444 !important;
}

/* --- 3. MENNYISÉG VÁLASZTÓ NYILAK (HA VANNAK) --- */
/* Bizonyos témáknál a + / - gombok is kékek maradhatnak, így fehérítjük őket */
.woocommerce-cart .quantity .ct-increase,
.woocommerce-cart .quantity .ct-decrease {
    color: #ffffff !important;
}

/* --- 4. SZÁLLÍTÁSI SZÖVEGEK --- */
/* "Free shipping" és egyéb tájékoztató szövegek fehérítése */
.woocommerce-shipping-methods label,
.woocommerce-shipping-destination,
.shipping-calculator-button {
    color: rgba(255, 255, 255, 0.8) !important;
}




/* Árak, "Ft" felirat és minden belső szöveges elem fehérítése */
.woocommerce-cart .amount, 
.woocommerce-cart .woocommerce-Price-amount, 
.woocommerce-cart bdi, 
.woocommerce-cart .woocommerce-Price-currencySymbol {
    color: #ffffff !important;
}

/* Mennyiségválasztó + és - ikonok fehérítése */
.woocommerce-cart .quantity .ct-increase, 
.woocommerce-cart .quantity .ct-decrease,
.woocommerce-cart .quantity .ct-increase::before,
.woocommerce-cart .quantity .ct-decrease::before {
    color: #ffffff !important;
}



/* Mennyiség beviteli mező száma */
.woocommerce-cart .quantity input.qty {
    color: #ffffff !important;
}



/* A termék képének (thumbnail) elrejtése a kosárban */
.woocommerce-cart .product-thumbnail {
    display: none !important;
}

/* A táblázat fejlécéből is távolítsuk el a kép oszlopát a jobb igazítás érdekében */
.woocommerce-cart th.product-thumbnail {
    display: none !important;
}/* End custom CSS */