.elementor-kit-21{--e-global-color-primary:#F1BB32;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-7168fcf:#FFDC83;--e-global-color-c39fa36:#000000;--e-global-color-ddd166c:#FFFFFF;--e-global-color-bdaaf13:#001D3B;--e-global-color-dd398fb:#FFF2D2;--e-global-color-e7f0142:#0A3058;--e-global-color-e0cbf73:#FF6C6C;--e-global-color-76e52e6:#F7F8F9;--e-global-color-d8cca41:#FFE6B3;--e-global-color-38ae34f:#F1BB32;--e-global-color-f3f0314:#E0E1DC;--e-global-color-ada05c6:#1F363C;--e-global-color-84a3f49:#F9F9F7;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-21 button,.elementor-kit-21 input[type="button"],.elementor-kit-21 input[type="submit"],.elementor-kit-21 .elementor-button{background-color:var( --e-global-color-38ae34f );}.elementor-kit-21 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* A fő külső keret (már meglévő) */
.woocommerce-checkout .woocommerce-order {
    border: 1px solid #d3ced2;
    padding: 30px;
    border-radius: 10px;
    background-color: #ffffff;
}

/* Az egyes szekciók (Rendelés adatai, Ügyfél adatai) külön keretezése */
.woocommerce-order-details, 
.woocommerce-customer-details {
    border: 1px solid #e5e5e5;
    padding: 25px;
    margin-top: 25px;
    border-radius: 8px;
    background-color: #fafafa; /* Halvány háttér, hogy elkülönüljön */
}

/* Szekció címek (pl. "Rendelés részletei") igazítása */
.woocommerce-order-details__title, 
.woocommerce-column__title {
    font-size: 20px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid #333333; /* Egy hangsúlyos vonal a cím alá */
    display: inline-block;
}

/* Táblázat (terméklista) letisztázása */
.shop_table.order_details {
    border: none !important;
}

.shop_table.order_details thead th {
    background-color: #eeeeee;
    padding: 10px;
}

/* Mobil nézet finomítása */
@media (max-width: 768px) {
    .woocommerce-order-details, 
    .woocommerce-customer-details {
        padding: 15px;
    }
}/* End custom CSS */