.elementor-3184 .elementor-element.elementor-element-ab3edb4{--display:flex;}body.elementor-page-3184:not(.elementor-motion-effects-element-type-background), body.elementor-page-3184 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}body.elementor-page-3184{margin:0px 0px 0px 0px;}/* Start custom CSS for shortcode, class: .elementor-element-1f9b67d *//* ==========================================================================
   EGYBEFOGALMÚ KOSÁR KÁRTYA (A KÉT OSZLOP EGYÜTT, EGY KERETBEN)
   ========================================================================== */

/* A teljes kosár shortcode-ot és annak tartalmát egyetlen nagy kártyába zárjuk */
.woocommerce-cart .woocommerce {
    background: #fff !important;
    border-radius: 12px !important;
    border-left: 6px solid #102c54 !important; /* A sötétkék szegélyed */
    box-shadow: 0 5px 15px rgba(16, 44, 84, 0.05) !important; /* Lágy árnyék */
    padding: 35px !important; /* Belső margó a minta alapján */
    margin: 30px auto 40px auto !important;
    overflow: hidden !important;
    max-width: 1100px !important; /* Fix maximális szélesség a konténernek */
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Biztosítjuk, hogy a belső WooCommerce űrlapok ne kapjanak külön hátteret vagy szegélyt */
.woocommerce-cart .woocommerce-cart-form,
.woocommerce-cart .cart-collaterals .cart_totals {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
}

/* MOBIL NÉZETI FINOMÍTÁS */
@media (max-width: 768px) {
    .woocommerce-cart .woocommerce {
        padding: 20px !important; /* Kisebb belső margó mobilon */
    }
}/* End custom CSS */
/* Start custom CSS *//* ==========================================================================
   KOSÁR OLDAL - TELJES, ÖSSZESÍTETT ARCULATI CSS CSOMAG
   ========================================================================== */

/* 1. AZ EGYETLEN REÁLIS KÜLSŐ KERET (A mintád szerinti .zigzag-card) */
/* Egyetlen nagy, közös fehér kártyába zárjuk a teljes kosár tartalmat */
.woocommerce-cart article.page,
.woocommerce-cart .hentry,
.woocommerce-cart #content .elementor-section.elementor-top-section:nth-of-type(2) {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-radius: 12px !important;
    border-left: 6px solid #102c54 !important; /* Védjegy sötétkék szegélyed */
    box-shadow: 0 5px 15px rgba(16, 44, 84, 0.05) !important; /* Lágy árnyék */
    padding: 35px !important; /* Belső védőtávolság a tartalomnak */
    margin: 40px auto !important;
    max-width: 1100px !important;
    box-sizing: border-box !important;
}

/* 2. DUPLA KERETEK, BELSŐ ÁRNYÉKOK ÉS HÁTTEREK TELJES KIIRTÁSA */
/* Megszüntetjük a "kártya a kártyában" hatást a belső elemeknél */
.woocommerce-cart .woocommerce,
.woocommerce-cart .woocommerce-cart-form,
.woocommerce-cart .cart-collaterals,
.woocommerce-cart .cart_totals,
.woocommerce-cart .elementor-widget-container,
.woocommerce-cart .elementor-column-wrap {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 3. A GOMBOK MÉRETÉNEK ÉS SZÍNÉNEK NORMALIZÁLÁSA */
/* "Tovább a pénztárhoz" és egyéb akciógombok */
.woocommerce-cart .checkout-button,
.woocommerce-cart .button.alt,
.woocommerce-cart .button,
.woocommerce-cart #content .button {
    background-color: #102c54 !important; /* Kedvelt sötétkék alap */
    color: #ffffff !important;
    border-radius: 6px !important;
    
    /* Elegáns, fixált méretezés a bumszli óriás gombok ellen */
    display: inline-block !important;
    width: auto !important; 
    min-width: 200px !important;
    max-width: 100% !important;
    
    padding: 12px 25px !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border: none !important;
    text-align: center !important;
    transition: background-color 0.2s ease !important;
}

/* Gombok kurzor felé viteli (hover) állapota */
.woocommerce-cart .checkout-button:hover,
.woocommerce-cart .button.alt:hover,
.woocommerce-cart .button:hover {
    background-color: #1d447a !important; /* Élénkebb hover kék */
    color: #ffffff !important;
}

/* 4. KOSÁR FRISSÍTÉSE GOMB ELREJTÉSE */
.woocommerce-cart button[name="update_cart"],
.woocommerce-cart input[name="update_cart"] {
    display: none !important;
}

/* 5. WOOCOMMERCE ÉRTESÍTŐ DOBOZ ("Kosár frissítve.") ÁTSZÍNEZÉSE */
.woocommerce-cart .woocommerce-message,
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    background-color: #102c54 !important; /* Sötétkék háttér */
    color: #ffffff !important; /* Tiszta fehér szöveg */
    border-top: none !important;
    border-left: none !important; /* Alapértelmezett csíkok eltüntetése */
    border-radius: 6px !important;
    padding: 15px 25px !important;
    margin-bottom: 30px !important;
    box-shadow: 0 4px 10px rgba(16, 44, 84, 0.1) !important;
}

/* Biztosítjuk, hogy a dobozon belüli szövegek és linkek is fehérek legyenek */
.woocommerce-cart .woocommerce-message::before,
.woocommerce-cart .woocommerce-message,
.woocommerce-cart .woocommerce-message a {
    color: #ffffff !important;
}

/* 6. ELRENDEZÉS FINOMÍTÁS */
.woocommerce-cart .cart-collaterals {
    margin-top: 30px !important;
}

/* 7. MOBIL NÉZETI IGAZÍTÁSOK */
@media (max-width: 768px) {
    .woocommerce-cart article.page,
    .woocommerce-cart .hentry {
        padding: 20px !important; /* Kisebb belső margó mobilon */
    }
    .woocommerce-cart .checkout-button,
    .woocommerce-cart .button {
        width: 100% !important; /* Mobilon kényelmesebb a teljes szélesség */
    }
}/* End custom CSS */