/* ==========================================================================
   WP-LOGIN.PHP SPLIT SCREEN LAYOUT (Estilo Hotmart)
   ========================================================================== */

body.login {
    display: flex;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    background: #ffffff;
    align-items: stretch;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* Background Image pseudo-element (Right Column) */
@media (min-width: 992px) {
    body.login::after {
        content: "";
        flex: 1;
        background-image: url('../images/wuilldelys-login.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
}

/* Left Column Container */
body.login #login {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px;
    width: 100%;
    max-width: 100%; /* Override WP default */
}

@media (min-width: 992px) {
    body.login #login {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

/* Fix Language Switcher Layout */
body.login .language-switcher {
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 10;
}

@media (min-width: 992px) {
    body.login .language-switcher {
        left: 24px;
        right: auto;
    }
}

/* Limit the form width inside the left column */
body.login #login > h1,
body.login #login > form,
body.login #login > p#nav,
body.login #login > p#backtoblog {
    width: 100%;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
}

/* Branding (Logo) */
body.login h1 {
    text-align: left;
    margin-bottom: 24px;
}

body.login h1 a {
    background-image: url('../images/logo-ejecutora.webp'); /* Overridden dynamically if needed */
    background-size: contain;
    background-position: left center;
    width: 100%;
    height: 48px;
    margin: 0;
}

/* Form Styles */
body.login form {
    background: transparent;
    padding: 0;
    box-shadow: none;
    border: none;
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 24px;
}

body.login label {
    font-size: 13px;
    font-weight: 600;
    color: #1A1F6E;
    margin-bottom: 8px;
}

body.login input[type="text"],
body.login input[type="password"],
body.login input[type="email"] {
    height: 52px;
    border-radius: 8px;
    border: 1px solid #D6E0FF;
    background: #F9FBFF;
    font-size: 15px;
    padding: 0 16px;
    width: 100%;
    box-shadow: none;
    margin-bottom: 16px;
}

body.login input[type="text"]:focus,
body.login input[type="password"]:focus,
body.login input[type="email"]:focus {
    border-color: #00C2CB !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 1px #00C2CB !important;
}

/* Button */
body.login .button.button-primary,
body.login input#wp-submit,
body.login input[type="submit"] {
    width: 100% !important;
    height: 52px !important;
    border-radius: 100px !important;
    background: #1A1F6E !important;
    color: #FFFFFF !important;
    font-size: 15.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.5px !important;
    margin-top: 10px !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    border: none !important;
    text-shadow: none !important;
    box-shadow: 0 4px 16px rgba(26, 31, 110, 0.25) !important;
    cursor: pointer !important;
}

body.login .button.button-primary:hover,
body.login input#wp-submit:hover,
body.login input[type="submit"]:hover {
    background: #00A8B0 !important;
    color: #FFFFFF !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 22px rgba(0, 194, 203, 0.4) !important;
}

/* Links (Lost Password, Back to Blog) */
body.login #nav,
body.login #backtoblog {
    text-align: center;
    padding: 0;
    font-size: 13px;
    color: #646E9B;
    margin-bottom: 8px;
}

body.login #nav a,
body.login #backtoblog a {
    color: #1A1F6E !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

body.login #nav a:hover,
body.login #backtoblog a:hover {
    color: #00A8B0 !important;
    text-decoration: underline !important;
}

/* Checkbox */
body.login .forgetmenot {
    float: left;
    margin-bottom: 16px;
}

body.login .forgetmenot label {
    font-weight: 400;
    color: #646E9B;
    display: flex;
    align-items: center;
    gap: 8px;
}

body.login .submit {
    float: none;
    clear: both;
}

/* Title insertion via JS (if any) */
.ejecutora-login-title {
    font-size: 28px;
    font-weight: 800;
    color: #1A1F6E;
    margin-bottom: 8px;
    width: 100%;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
}

.ejecutora-login-subtitle {
    font-size: 14px;
    color: #646E9B;
    margin-bottom: 32px;
    width: 100%;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
}

/* Hide Language Switcher Completely */
body.login .language-switcher {
    display: none !important;
}