/* RTL Overrides for Arabic Language 
   This file is only loaded when $pageDir is set to 'rtl' or lang is 'ar'
*/

html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
    font-family: 'Tahoma', 'Segoe UI', 'Arial', sans-serif; /* Better Arabic Fonts */
}

/* Flip Flexbox directions */
html[dir="rtl"] .flex-row {
    flex-direction: row-reverse;
}

/* Input Fields */
html[dir="rtl"] input#snapUrl {
    padding-left: 1rem;
    padding-right: 3rem; /* Make space for icon on right */
    text-align: right;
}

/* Input Icons Position */
html[dir="rtl"] .absolute.left-0 {
    left: auto;
    right: 0;
    padding-left: 0;
    padding-right: 1rem;
}

/* Margins & Paddings Flipped */
html[dir="rtl"] .mr-2 { margin-left: 0.5rem; margin-right: 0; }
html[dir="rtl"] .ml-2 { margin-right: 0.5rem; margin-left: 0; }
html[dir="rtl"] .pr-4 { padding-left: 1rem; padding-right: 0; }
html[dir="rtl"] .pl-4 { padding-right: 1rem; padding-left: 0; }

/* Review Stars Navigation */
html[dir="rtl"] #reviewsContainer {
    direction: ltr; /* Keep horizontal scroll working naturally */
}
html[dir="rtl"] #reviewsContainer > div {
    direction: rtl; /* Text inside cards remains RTL */
    text-align: right;
}

/* Lists */
html[dir="rtl"] ul li {
    padding-right: 0;
}

/* FIX: Gradient Text Issue in Arabic */
/* Remove gradient background clip for better readability in RTL */
html[dir="rtl"] .gradient-text {
    background: none;
    -webkit-text-fill-color: initial;
    color: #FFFC00; /* Solid Brand Yellow */
    text-shadow: 0 0 10px rgba(255, 252, 0, 0.3); /* Subtle Glow */
}