/*
Theme Name: Twenty Twenty-Three Child
Theme URI: https://diviextended.com/
Author: Elicus Technologies
Author URI: https://elicus.com
Template: twentytwentythree
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

:where(.wp-site-blocks) > *,
:root :where(.is-layout-flow) > *,
:root :where(.is-layout-constrained) > * {
    margin-block-start: 0;
}

.wp-block-woocommerce-checkout {
    padding-top: 0;
}

/* Background auf dem übergeordneten Container */
.wc-block-components-sidebar-layout.wc-block-checkout {
    display: flex;
    position: relative;
    background: transparent;
}

/* Linke Spalte - Weiß mit erweitertem Hintergrund */
.wc-block-components-main.wc-block-checkout__main {
    background: linear-gradient(90deg, #ffffff 0%, #ffffff 100%);
    position: relative;
}

.wc-block-components-main.wc-block-checkout__main::before {
    content: '';
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    width: 100vw;
    background: #ffffff;
    pointer-events: none;
}

/* Rechte Spalte - Grau mit erweitertem Hintergrund */
.wc-block-components-sidebar.wc-block-checkout__sidebar {
    background: linear-gradient(90deg, #f9f9f9 0%, #f9f9f9 100%);
    position: relative;
}

.wc-block-components-sidebar.wc-block-checkout__sidebar::after {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    bottom: 0;
    width: 100vw;
    background: #f9f9f9;
    pointer-events: none;
}

/* Body Hintergrund neutral */
body.woocommerce-checkout {
    background: #f9f9f9;
}

.checkout-step-name {
    font-size: 14px;
    padding: 0;
    margin: 0;
    font-weight: 700;
    color: #ccc;
}

.wc-block-components-title.wc-block-components-title {
    font-weight: 700;
}

.wp-block-woocommerce-checkout-order-summary-block {
    border: none;
}

.wc-block-components-checkout-place-order-button {
    border-radius: 8px;
    font-weight: 700;
    color: #ffffff;
    padding: 14px;
}

.wc-block-components-sidebar-layout {
    margin: 0 auto 0;
}

@media (max-width: 768px) {
    body.woocommerce-checkout {
        background: #ffffff;
    }

    .wc-block-components-main.wc-block-checkout__main::after { 
        content: '';
        position: absolute;
        top: 0;
        left: 100%;
        bottom: 0;
        width: 20px;
        background: #ffffff;
        pointer-events: none;
    }

    .wc-block-components-sidebar.wc-block-checkout__sidebar::after {
        content: none;
    }

    .wc-block-components-sidebar.wc-block-checkout__sidebar {
        background: linear-gradient(90deg, #ffffff 0%, #ffffff 100%);
        position: relative;
    }

    .wc-block-checkout__actions wp-block-woocommerce-checkout-actions-block {
        display: none;
    }
}