/**
 * Language-specific styles
 * أنماط خاصة باللغات
 */

/* RTL (Arabic) specific styles */
html[dir="rtl"] {
    text-align: right;
}

html[dir="rtl"] .text-left {
    text-align: right !important;
}

html[dir="rtl"] .text-right {
    text-align: left !important;
}

/* LTR (English) specific styles */
html[dir="ltr"] {
    text-align: left;
}

html[dir="ltr"] .text-right {
    text-align: left !important;
}

html[dir="ltr"] .border-r-4 {
    border-right: none !important;
    border-left: 4px solid !important;
}

html[dir="ltr"] .border-l-4 {
    border-left: none !important;
    border-right: 4px solid !important;
}

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

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

/* Flip icons for LTR */
html[dir="ltr"] [data-lucide="arrow-left"] {
    transform: scaleX(-1);
}

html[dir="ltr"] [data-lucide="arrow-right"] {
    transform: scaleX(-1);
}

/* Language switcher dropdown positioning */
html[dir="ltr"] .language-dropdown {
    left: 0;
    right: auto;
}

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

/* Mobile menu positioning */
html[dir="ltr"] #mobile-menu {
    transform: translateX(-100%);
}

html[dir="ltr"] #mobile-menu.active {
    transform: translateX(0);
}

html[dir="rtl"] #mobile-menu {
    transform: translateX(100%);
}

html[dir="rtl"] #mobile-menu.active {
    transform: translateX(0);
}

/* WhatsApp button positioning */
html[dir="ltr"] .whatsapp-float {
    left: auto;
    right: 1.5rem;
}

html[dir="rtl"] .whatsapp-float {
    left: 1.5rem;
    right: auto;
}

/* Gradient direction for LTR */
html[dir="ltr"] .bg-gradient-to-r {
    background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important;
}

html[dir="ltr"] .bg-gradient-to-l {
    background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important;
}

/* Text alignment for justified text */
html[dir="ltr"] .text-justify {
    text-align: justify;
}

html[dir="rtl"] .text-justify {
    text-align: justify;
}

/* Divider direction */
html[dir="ltr"] .divide-x-reverse > * + * {
    border-left-width: 0;
    border-right-width: 1px;
}

html[dir="rtl"] .divide-x-reverse > * + * {
    border-right-width: 0;
    border-left-width: 1px;
}