/* ===== LTR-Specific Styles for Login Page ===== */

/* Global direction and text alignment for English */
html[dir="ltr"] {
    direction: ltr;
    text-align: left;
}

html[dir="ltr"] body {
    direction: ltr;
    text-align: left;
}

/* Form labels alignment */
html[dir="ltr"] .form-label {
    text-align: left;
    justify-content: flex-start;
}

/* Input placeholders */
html[dir="ltr"] .form-control::placeholder {
    text-align: left;
}

/* Password toggle button positioning */
html[dir="ltr"] .password-toggle {
    right: 0.75rem;
    left: auto;
}

/* Form options alignment */
html[dir="ltr"] .form-options {
    justify-content: space-between;
    flex-direction: row;
}

html[dir="ltr"] .form-check {
    justify-content: flex-start;
}

html[dir="ltr"] .forgot-password {
    text-align: right;
}

/* Social buttons text alignment */
html[dir="ltr"] .social-btn {
    text-align: left;
    justify-content: flex-start;
}

/* Footer text alignment */
html[dir="ltr"] .login-footer {
    text-align: center;
}

html[dir="ltr"] .login-footer p {
    text-align: center;
}

/* Logo section alignment */
html[dir="ltr"] .logo-section {
    text-align: center;
}

html[dir="ltr"] .logo {
    justify-content: center;
}

/* Welcome text alignment */
html[dir="ltr"] .welcome-text {
    text-align: center;
}

/* Divider text alignment */
html[dir="ltr"] .divider {
    text-align: center;
}

html[dir="ltr"] .divider span {
    text-align: center;
}

/* Responsive adjustments for LTR */
@media (max-width: 576px) {
    html[dir="ltr"] .form-options {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    html[dir="ltr"] .forgot-password {
        text-align: left;
        align-self: flex-start;
    }
}

/* Focus indicators for LTR */
html[dir="ltr"] .form-control:focus,
html[dir="ltr"] .password-toggle:focus,
html[dir="ltr"] .login-btn:focus,
html[dir="ltr"] .social-btn:focus,
html[dir="ltr"] .forgot-password:focus,
html[dir="ltr"] .signup-link:focus {
    outline-offset: 2px;
}

/* Input group positioning for LTR */
html[dir="ltr"] .password-input-group .form-control {
    padding-right: 3rem;
    padding-left: 1rem;
}

/* Checkbox positioning for LTR */
html[dir="ltr"] .form-check-input {
    margin-right: 0.5rem;
    margin-left: 0;
}

/* Social login button icon positioning */
html[dir="ltr"] .social-btn i {
    margin-right: 0.75rem;
    margin-left: 0;
}

/* Login button icon positioning */
html[dir="ltr"] .login-btn i {
    margin-right: 0.5rem;
    margin-left: 0;
}

/* Logo icon positioning */
html[dir="ltr"] .logo i {
    margin-right: 0.75rem;
    margin-left: 0;
}

/* Form label icon positioning */
html[dir="ltr"] .form-label i {
    margin-right: 0.5rem;
    margin-left: 0;
}
/* Removes the default clear and reveal buttons on IE/Edge */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none;
}

/* Removes the default eye icon in Firefox */
input[type="password"] {
    -moz-appearance: none; /* For Firefox */
}