/*==========================================================
  Nexia UI Framework
  File: authentication.css
  Purpose:
      WooCommerce Authentication
      Login
      Register
      Lost Password
      Reset Password
==========================================================*/


/*==========================================================
  PAGE WRAPPER
==========================================================*/

.woocommerce-account{

    background:var(--nx-bg);

    min-height:100vh;

    padding:0 20px;

}

.woocommerce-account .woocommerce{

    max-width:1200px;

    margin:0 auto;

}


/*==========================================================
  REMOVE WOOCOMMERCE FLOAT LAYOUT
==========================================================*/

.woocommerce-account .u-columns::before,
.woocommerce-account .u-columns::after{
    content:none !important;
    display:none !important;
}



/*==========================================================
  LOGIN / REGISTER GRID
==========================================================*/

.woocommerce-account .u-columns{

    display:grid !important;

    grid-template-columns:repeat(2,minmax(420px,1fr));

    gap:50px;

    align-items:start;

    width:100%;

}


/*==========================================================
  CARDS
==========================================================*/

.woocommerce form.login,
.woocommerce form.register{

    display:block;

    width:100%;

    max-width:none;

    min-width:0;

    margin:0;

    padding:40px;

    background:var(--nx-surface);

    border:1px solid var(--nx-border);

    border-radius:var(--nx-radius-lg);

    box-shadow:var(--nx-shadow-md);

    box-sizing:border-box;

}


/*==========================================================
  FORM ELEMENTS
==========================================================*/

.woocommerce form .form-row{

    width:100%;

    float:none;

    clear:both;

    margin-bottom:20px;

}

.woocommerce form input:not([type="checkbox"]),
.woocommerce form textarea,
.woocommerce form select,
.woocommerce .password-input,
.woocommerce .nx-password-wrapper{

    width:100%;

    max-width:100%;

    box-sizing:border-box;

}


/*==========================================================
  BUTTONS
==========================================================*/

.woocommerce form button,
.woocommerce form input[type="submit"],
.woocommerce form .button{

    width:100%;

}


/*==========================================================
  RESPONSIVE
==========================================================*/

@media (max-width:900px){

    .woocommerce-account .u-columns{

        grid-template-columns:1fr;

    }

}

/* ===== Force WooCommerce columns into Grid Items ===== */

.woocommerce-account #customer_login {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(420px, 1fr)) !important;
    gap: 50px !important;
}

.woocommerce-account #customer_login > .col-1,
.woocommerce-account #customer_login > .col-2 {
    float: unset !important;
    width: auto !important;

    display: flex;
    flex-direction: column;

    min-width: 0;
}

.woocommerce-account #customer_login form {
    width: 100%;
    box-sizing: border-box;
}

@media (max-width:900px){

    .woocommerce-account #customer_login{
        grid-template-columns:1fr !important;
    }

}
/* Hide WooCommerce's built-in password toggle */
.password-input .show-password-input {
    display: none !important;
}

.password-input .show-password-input::after {
    display: none !important;
    content: none !important;
}