/* RTL Styling Overrides for Arabic Language */

html[dir="rtl"] {
    font-family: 'Cairo', 'Manrope', system-ui, -apple-system, sans-serif;
}

html[dir="rtl"] .brand-logo {
    flex-direction: row;
}

html[dir="rtl"] .header-actions {
    flex-direction: row;
}

html[dir="rtl"] .icon-wrapper {
    margin-right: 0;
    margin-left: 1rem;
}

html[dir="rtl"] .quote-box {
    border-left: none;
    border-right: 4px solid var(--color-primary);
}

/* Adjust forms and inputs for RTL */
html[dir="rtl"] .search-bar .material-symbols-outlined {
    left: auto;
    right: 1rem;
}

html[dir="rtl"] .search-bar input {
    padding-left: 1rem;
    padding-right: 3rem;
}

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

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

html[dir="rtl"] .pl-4 {
    padding-left: 0;
    padding-right: 1rem;
}

html[dir="rtl"] .pr-4 {
    padding-right: 0;
    padding-left: 1rem;
}

/* Pagination arrows */
html[dir="rtl"] [aria-label="Previous"] .material-symbols-outlined {
    transform: rotate(180deg);
}
html[dir="rtl"] [aria-label="Next"] .material-symbols-outlined {
    transform: rotate(180deg);
}

/* Arrow forward icons in buttons/links */
html[dir="rtl"] .material-symbols-outlined.arrow_forward,
html[dir="rtl"] .material-symbols-outlined:contains('arrow_forward') {
    transform: rotate(180deg);
}

/* Ensure flex rows that should stick to visual left/right are flipped natively by CSS flex/grid if not fixed */