/*
 * LTR compatibility layer for translation plugins.
 * Applied only when locale direction is LTR.
 */

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

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

html[dir="ltr"] .text-left,
html[dir="ltr"] .section-subtitle,
html[dir="ltr"] .yre-feature-text,
html[dir="ltr"] .contact-info,
html[dir="ltr"] .about-text-content,
html[dir="ltr"] .contact-method-text,
html[dir="ltr"] .footer-col,
html[dir="ltr"] .footer-contact-card,
html[dir="ltr"] .footer-newsletter,
html[dir="ltr"] .project-card-content,
html[dir="ltr"] .project-meta,
html[dir="ltr"] .yre-testimonial-card,
html[dir="ltr"] .yre-testimonial-text {
    text-align: left !important;
}

html[dir="ltr"] .contact-info h2 {
    border-left: 4px solid var(--color-secondary, #c9a227) !important;
    border-right: 0 !important;
    padding-left: 15px !important;
    padding-right: 0 !important;
}

html[dir="ltr"] .contact-icon,
html[dir="ltr"] .contact-icon-box,
html[dir="ltr"] .contact-card-icon {
    margin-right: 15px !important;
    margin-left: 0 !important;
}

html[dir="ltr"] .yre-header-menu ul.sub-menu {
    left: 0 !important;
    right: auto !important;
}

html[dir="ltr"] .menu-item-has-children>a::after {
    margin-left: 8px;
    margin-right: 0;
}

html[dir="ltr"] .wpcf7-form input,
html[dir="ltr"] .wpcf7-form textarea,
html[dir="ltr"] .wpforms-field input,
html[dir="ltr"] .wpforms-field textarea {
    direction: ltr !important;
    text-align: left !important;
}

html[dir="ltr"] .elementor-widget-icon-box .elementor-icon-box-content,
html[dir="ltr"] .elementor-icon-list-item {
    text-align: left !important;
}

html[dir="ltr"] .elementor-icon-list-icon,
html[dir="ltr"] .yre-testimonial-avatar {
    margin-right: 15px !important;
    margin-left: 0 !important;
}

html[dir="ltr"] .yre-testimonial-author {
    flex-direction: row !important;
}

html[dir="ltr"] .newsletter-input-group button {
    left: auto !important;
    right: 5px !important;
}

html[dir="ltr"] .project-card-badge {
    left: 20px !important;
    right: auto !important;
}

html[dir="ltr"] .ml-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}

html[dir="ltr"] .mr-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
}