/* English-only overrides. The Arabic theme and its styles remain unchanged. */
html[lang="en"], html[lang="en"] body,
html[lang="en"] .homePage, html[lang="en"] .breadcrumb,
html[lang="en"] .searchInput, html[lang="en"] .couponInlineCode,
html[lang="en"] .couponInlineCodeLabel {
    direction: ltr;
}
html[lang="en"] body, html[lang="en"] .homePage { text-align: left; }
html[lang="en"] .searchInput { padding: 12px 40px; text-align: left; }
html[lang="en"] .searchIcon { left: 15px; right: auto; }
html[lang="en"] .clearButton { right: 15px; left: auto; }
html[lang="en"] .allCategory { margin-left: 0; margin-right: 10px; }
html[lang="en"] .categoryImage { margin-right: 8px; margin-left: 0; }
html[lang="en"] .couponImage { margin-left: 0; margin-right: 15px; }
html[lang="en"] .couponLogo { margin-left: 0; margin-right: 10px; }
html[lang="en"] .couponInlineCodeLabel { border-left: 0; border-right: 1px solid #c6e8d0; }
html[lang="en"] .couponContent.me-auto { margin-right: 0 !important; margin-left: auto !important; }
html[lang="en"] .testimonialImage.ms-2 { margin-left: 0 !important; margin-right: .5rem !important; }
html[lang="en"] .shopNowText { margin-right: 0; margin-left: 5px; }
html[lang="en"] .editorSection, html[lang="en"] .blogContent,
html[lang="en"] .mycontainer [style*="text-align: right"] { text-align: left !important; }
html[lang="en"] .editorSection, html[lang="en"] .blogContent { direction: ltr; }
html[lang="en"] .editorSection [dir="rtl"],
html[lang="en"] .blogContent [dir="rtl"],
html[lang="en"] .editorSection [style*="direction: rtl"],
html[lang="en"] .blogContent [style*="direction: rtl"] {
    direction: ltr !important;
    text-align: left !important;
}
html[lang="en"] .editorSection [style*="direction:rtl"],
html[lang="en"] .blogContent [style*="direction:rtl"] { direction: ltr !important; }
html[lang="en"] .copyButton, html[lang="en"] .shopNowButton { min-width: 0; overflow-wrap: anywhere; }
@media (min-width: 768px) {
    html[lang="en"] .text-md-end { text-align: left !important; }
}
@media (min-width: 992px) {
    html[lang="en"] .text-lg-end { text-align: left !important; }
}
@media (max-width: 991px) {
    html[lang="en"] .navbarCustom { flex-direction: row; }
    html[lang="en"] .mobileMenu { transform: translateX(100%); }
    html[lang="en"] .mobileMenu.open { transform: translateX(0); }
}