/* Wissel de volgorde om op mobiel (onder elkaar) */
.woocommerce #customer_login {
    display: flex;
    flex-direction: column-reverse;
    gap: 30px; /* Ruimte tussen de boxen op mobiel */
}

/* Wissel de volgorde om op desktop (naast elkaar) */
@media screen and (min-width: 769px) {
    .woocommerce #customer_login {
        flex-direction: row-reverse;
        gap: 4%; /* Ruimte tussen de kolommen op desktop */
    }
    
    /* Zorg dat de twee boxen elk de juiste breedte behouden */
    .woocommerce #customer_login .col-1,
    .woocommerce #customer_login .col-2,
    .woocommerce #customer_login .u-column1,
    .woocommerce #customer_login .u-column2 {
        flex: 1;
        width: auto;
        float: none;
    }
}

/* END */