/* LTR-specific styles for English language */
html[dir="ltr"] {
    /* Text alignment */
    .text-end {
        text-align: right !important;
    }
    
    .text-start {
        text-align: left !important;
    }
    
    /* Margins and paddings */
    .me-2 {
        margin-right: 0.5rem !important;
    }
    
    .ms-2 {
        margin-left: 0.5rem !important;
    }
    
    .pe-2 {
        padding-right: 0.5rem !important;
    }
    
    .ps-2 {
        padding-left: 0.5rem !important;
    }
    
    /* Flexbox direction */
    .flex-row-reverse {
        flex-direction: row !important;
    }
    
    /* Float adjustments */
    .float-start {
        float: left !important;
    }
    
    .float-end {
        float: right !important;
    }
}

/* Form inputs */
html[dir="ltr"] .form-input {
    padding-left: 2.5rem;
    padding-right: 1rem;
}

html[dir="ltr"] .form-icon {
    left: 1rem;
    right: auto;
}

/* Navigation arrows */
html[dir="ltr"] .fa-arrow-right:before {
    content: "\f061"; /* Right arrow */
}

html[dir="ltr"] .fa-arrow-left:before {
    content: "\f060"; /* Left arrow */
}

/* Dropdown menus */
html[dir="ltr"] .dropdown-menu {
    left: 0;
    right: auto;
    text-align: left;
}

/* Welcome page specific */
html[dir="ltr"] .welcome-card {
    text-align: left;
}

/* Login page specific */
html[dir="ltr"] .login-header,
html[dir="ltr"] .login-form {
    text-align: left;
}

html[dir="ltr"] .form-label {
    text-align: left;
}

/* Button icons */
html[dir="ltr"] .btn i.fa-plus,
html[dir="ltr"] .btn i.fa-search,
html[dir="ltr"] .btn i.fa-sign-in-alt {
    margin-right: 0.5rem;
    margin-left: 0;
}

/* WhatsApp sticky button */
html[dir="ltr"] .whatsapp-sticky {
    right: 30px;
    left: auto;
}

html[dir="ltr"] .whatsapp-sticky i {
    margin-left: 12px;
    margin-right: 0;
}

@media (max-width: 480px) {
    html[dir="ltr"] .whatsapp-sticky i {
        margin-left: 0;
    }
}

/* Feature items on welcome page */
html[dir="ltr"] .feature-icon {
    margin-right: 1rem;
    margin-left: 0;
}

html[dir="ltr"] .feature-item {
    text-align: left;
}

html[dir="ltr"] .feature-content {
    text-align: left;
}