/* ====================================
   RTL Support for Eyonelmagles
   ==================================== */

/* Font Face Declarations - Local Fallback */
@font-face {
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Tajawal Light'), local('Tajawal-Light');
}

@font-face {
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Tajawal Regular'), local('Tajawal-Regular');
}

@font-face {
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Tajawal Medium'), local('Tajawal-Medium');
}

@font-face {
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Tajawal Bold'), local('Tajawal-Bold');
}

@font-face {
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Tajawal Black'), local('Tajawal-Black');
}

/* RTL Specific Adjustments */
[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .eyon-container {
    direction: rtl;
}

[dir="rtl"] .eyon-card-base {
    text-align: right;
}

[dir="rtl"] .eyon-ng-grid,
[dir="rtl"] .eyon-mng-grid {
    direction: rtl;
}

[dir="rtl"] .eyon-section-divider {
    border-right: 5px solid var(--eyon-red);
    border-left: none;
    padding-right: 1rem;
    padding-left: 0;
}

[dir="rtl"] .eyon-section-divider:hover {
    transform: translateX(8px);
}

/* LTR Support */
[dir="ltr"] {
    direction: ltr;
    text-align: left;
}

[dir="ltr"] .eyon-container {
    direction: ltr;
}

[dir="ltr"] .eyon-card-base {
    text-align: left;
}

[dir="ltr"] .eyon-section-divider {
    border-left: 5px solid var(--eyon-red);
    border-right: none;
    padding-left: 1rem;
    padding-right: 0;
}

[dir="ltr"] .eyon-section-divider:hover {
    transform: translateX(-8px);
}

/* Responsive RTL Adjustments */
@media (max-width: 768px) {

    [dir="rtl"] .eyon-ng-grid,
    [dir="rtl"] .eyon-mng-grid {
        direction: rtl;
    }

    [dir="ltr"] .eyon-ng-grid,
    [dir="ltr"] .eyon-mng-grid {
        direction: ltr;
    }
}

/* Font Loading Enhancement */
.eyon-font-loaded {
    font-family: 'Tajawal', 'IBM Plex Sans Arabic', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Fallback fonts if Google Fonts fail */
body {
    font-family: 'Tajawal', 'IBM Plex Sans Arabic', 'Arial Unicode MS', 'Tahoma', sans-serif !important;
}

/* Ensure proper text alignment */
.eyon-text-right {
    text-align: right;
}

.eyon-text-left {
    text-align: left;
}

/* Margin and Padding RTL Fixes */
[dir="rtl"] .eyon-mr-2 {
    margin-left: 0.5rem;
    margin-right: 0;
}

[dir="rtl"] .eyon-ml-2 {
    margin-right: 0.5rem;
    margin-left: 0;
}

[dir="ltr"] .eyon-mr-2 {
    margin-right: 0.5rem;
    margin-left: 0;
}

[dir="ltr"] .eyon-ml-2 {
    margin-left: 0.5rem;
    margin-right: 0;
}