/**
 * My Account - FORCE Grid Layout
 * Absolute Override für WooCommerce Standards
 */

/* Reset ALL WooCommerce Defaults */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce .woocommerce-MyAccount-navigation,
.woocommerce .woocommerce-MyAccount-content {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    clear: none !important;
}

/* FORCE Grid Container */
.woocommerce-MyAccount-wrapper,
.woocommerce .woocommerce-MyAccount-wrapper,
.woocommerce-account .woocommerce-MyAccount-wrapper,
body.woocommerce-account .woocommerce-MyAccount-wrapper,
body.woocommerce-account .woocommerce .woocommerce-MyAccount-wrapper {
    display: grid !important;
    grid-template-columns: 280px 1fr !important;
    grid-template-rows: auto !important;
    gap: 30px !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Navigation MUSS links sein */
.woocommerce-MyAccount-wrapper > .woocommerce-MyAccount-navigation,
.woocommerce .woocommerce-MyAccount-wrapper > .woocommerce-MyAccount-navigation {
    grid-column: 1 / 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    display: block !important;
}

/* Content MUSS rechts sein */
.woocommerce-MyAccount-wrapper > .woocommerce-MyAccount-content,
.woocommerce .woocommerce-MyAccount-wrapper > .woocommerce-MyAccount-content {
    grid-column: 2 / 3 !important;
    grid-row: 1 !important;
    width: 100% !important;
    display: block !important;
}

/* Falls WooCommerce Clearfix dazwischen haut */
.woocommerce-MyAccount-wrapper::before,
.woocommerce-MyAccount-wrapper::after,
.woocommerce .woocommerce-MyAccount-wrapper::before,
.woocommerce .woocommerce-MyAccount-wrapper::after {
    display: none !important;
    content: none !important;
}

/* Mobile: Untereinander */
@media (max-width: 768px) {
    .woocommerce-MyAccount-wrapper,
    .woocommerce .woocommerce-MyAccount-wrapper,
    .woocommerce-account .woocommerce-MyAccount-wrapper {
        grid-template-columns: 1fr !important;
        grid-template-rows: auto auto !important;
    }
    
    .woocommerce-MyAccount-wrapper > .woocommerce-MyAccount-navigation {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }
    
    .woocommerce-MyAccount-wrapper > .woocommerce-MyAccount-content {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }
}