/*!
 * Custom Asset: active
 * Priority: 1780
 * Context: frontend
 */

/*
 * WPCode export ID: 1780
 * Original title: My Account Responsiveness Fix
 * Original location: site_wide_header
 * Temporary child-theme drop-in file.
 */

/* WooCommerce My Account - login / register layout */
.woocommerce #customer_login.u-columns {
    display: flex;
    align-items: flex-start;
    gap: 32px;
    width: 100%;
}

.woocommerce #customer_login .u-column1,
.woocommerce #customer_login .u-column2 {
    float: none !important;
    width: 50% !important;
    max-width: none !important;
    margin: 0 !important;
}

.woocommerce #customer_login form.woocommerce-form {
    width: 100%;
    max-width: 100%;
    height: auto !important;
    min-height: 0 !important;
    box-sizing: border-box;
}

.woocommerce #customer_login input.input-text,
.woocommerce #customer_login .password-input {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Tablet / mobile překlopení */
@media (max-width: 1024px) {
    .woocommerce #customer_login.u-columns {
        flex-direction: column;
        gap: 40px;
    }

    .woocommerce #customer_login .u-column1,
    .woocommerce #customer_login .u-column2 {
        width: 100% !important;
    }
}

/* Menší mobily */
@media (max-width: 767px) {
    .woocommerce #customer_login.u-columns {
        gap: 32px;
    }

    .woocommerce #customer_login h2 {
        font-size: 28px;
    }

    .woocommerce #customer_login form.woocommerce-form {
        padding: 24px;
    }
}