/* 
  Eye on Egypt - RTL / Arabic Stylesheet 
  Overrides for [dir="rtl"] or Arabic pages
*/

:root {
    /* Use Arabic Font */
    --font-family: var(--font-ar);
}

body {
    direction: rtl;
    text-align: right;
    font-family: var(--font-ar);
}

/* Reset Directional Properties if needed */

.nav-links {
    margin-right: auto;
    margin-left: 0;
}

/* Flip chevron icons or directional indicators if used */
.arrow-right {
    transform: rotate(180deg);
}

/* Profile Page Alignment */
.detail-label {
    padding-left: 20px;
}

/* Form inputs should write RTL */
input,
textarea {
    direction: rtl;
}

/* Margin flips for cards */
.card-meta span {
    margin-left: 10px;
    margin-right: 0;
}

/* Footer Alignments */
.footer-links a {
    padding-right: 0;
}

/* Ensure flex containers flow correctly (RTL automatically handles row-reverse feeling) */
/* Specifics for complex components if flex-direction was manually set */

/* Mobile Menu Slide from right/left */
.nav-links.active {
    text-align: right;
}

/* Search Box icon positioning if absolute */
.search-icon {
    left: 10px;
    right: auto;
}

/* Gradient flips? Usually not needed for linear gradients in RTL unless specific direction */
.hero {
    /* Sometimes gradients need flipping, but usually background patterns are neutral */
}