/* RTL overrides for custom components not covered by Bootstrap's RTL build */

/* Mega menu: mirror the icon alignment */
[dir="rtl"] .omar-category-icon {
    justify-content: flex-end;
}

[dir="rtl"] .omar-category-link span {
    margin-left: 0;
    margin-right: 3px;
}

[dir="rtl"] .omar-catalog-link span {
    transform: scaleX(-1);
}

[dir="rtl"] .omar-category-card:hover .omar-category-link span {
    transform: translateX(-3px) scaleX(-1);
}

/* Nav dropdown arrow direction stays visually correct either way, no change needed */

/* Filter buttons: text stays LTR-neutral, no changes generally needed since they're inline */

/* Work grid text alignment already handled by removing hardcoded text-start where needed */
[dir="rtl"] .work-intro.text-start {
    text-align: right !important;
}

/* Section captions/titles that use text-align: left implicitly via LTR assumptions */
[dir="rtl"] .section-caption-border,
[dir="rtl"] .section-title,
[dir="rtl"] .section-descr {
    text-align: inherit;
}
html[dir="rtl"] .slider,
html[dir="rtl"] .logo-slider {
    direction: ltr;
}
html[dir="rtl"] .main-nav {
    direction: ltr;
}

html[dir="rtl"] .main-nav a {
    direction: rtl;
}
/* Ensure email input text and placeholder remain LTR readable */
html[dir="rtl"] input[type="email"] {
    direction: ltr;
    text-align: right; /* Keeps placeholder aligned to the right until typed, or use 'left' */
}

html[dir="rtl"] input[type="email"]:focus,
html[dir="rtl"] input[type="email"]:not(:placeholder-shown) {
    text-align: left; /* Flips text to left side once typing starts */
}