/** My account page - SaaS login */

body.woocommerce-account header {
    display: none;
}

body.woocommerce-account {
    min-height: 100vh;
    background:
        radial-gradient(circle at 20% 20%, rgba(247, 85, 19, 0.16), transparent 28%),
        radial-gradient(circle at 80% 70%, rgba(17, 24, 39, 0.10), transparent 30%),
        linear-gradient(135deg, #fff7f2 0%, #ffffff 45%, #f5f7fb 100%);
}

.woocommerce-account .entry-content {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px 24px;
}

.woocommerce-account .woocommerce {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
}

.woocommerce-account .u-columns {
    display: block;
}

.woocommerce-account .u-column1,
.woocommerce-account .u-column2 {
    width: 100% !important;
    float: none !important;
}

.woocommerce-account .u-column2,
.woocommerce-account .woocommerce h2,
.woocommerce-account p br {
    display: none;
}

.woocommerce-account form.login {
    position: relative;
    background: rgba(255, 255, 255, 0.82);
    backdrop-filter: blur(18px);
    border: 1px solid rgba(255, 255, 255, 0.75);
    border-radius: 30px;
    padding: 42px;
    box-shadow:
        0 30px 80px rgba(17, 24, 39, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.woocommerce-account form.login::before {
    content: "Accedé a tu negocio";
    display: block;
    font-size: 24px;
    font-weight: 800;
    color: #111827;
    text-align: center;
    margin-bottom: 20px;
}

.woocommerce-account form.login::after {
    content: "Gestioná tu tienda desde tu espacio privado";
    display: block;
    font-size: 15px;
    font-weight: 500;
    color: #6b7280;
    text-align: center;
    margin-bottom: 30px;
}

.woocommerce-account form.login p {
    margin-bottom: 18px;
}

.woocommerce-account form.login label {
    font-size: 14px;
    font-weight: 700;
    color: #111827;
    margin-bottom: 8px;
}

.woocommerce-account form.login input.input-text {
    width: 100%;
    height: 56px;
    border-radius: 16px;
    border: 1px solid #dbe3ef;
    background: rgba(248, 250, 252, 0.9);
    padding: 0 18px;
    font-size: 15px;
    transition: all .2s ease;
}

.woocommerce-account form.login input.input-text:focus {
    outline: none;
    border-color: #F75513;
    background: #ffffff;
    box-shadow: 0 0 0 5px rgba(247, 85, 19, 0.14);
}

.woocommerce-account .woocommerce-form-login__rememberme {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 6px 0 20px;
}

.woocommerce-account form.login .button {
    width: 100%;
    height: 56px;
    border-radius: 16px;
    background: linear-gradient(135deg, #ff7a1a 0%, #F75513 100%);
    color: #ffffff;
    font-weight: 800;
    font-size: 16px;
    border: none;
    margin-top: 8px;
    box-shadow: 0 16px 34px rgba(247, 85, 19, 0.32);
    transition: all .2s ease;
}

.woocommerce-account form.login .button:hover {
    transform: translateY(-2px);
    box-shadow: 0 22px 42px rgba(247, 85, 19, 0.42);
}

.woocommerce-account .woocommerce-LostPassword {
    text-align: center;
    margin-top: 22px;
}

.woocommerce-account .woocommerce-LostPassword a {
    color: #111827;
    font-weight: 700;
    text-decoration: none;
}

.woocommerce-account .woocommerce-LostPassword a:hover {
    color: #F75513;
}

/* Mobile */
@media (max-width: 767px) {
    .woocommerce-account .entry-content {
        padding: 40px 18px;
    }

    .woocommerce-account form.login {
        padding: 30px 24px;
        border-radius: 24px;
    }

    .woocommerce-account form.login::before {
        font-size: 24px;
    }
}