/**
 * iRootly - RTL (Right-to-Left) Stylesheet
 * For Arabic language support
 */

[dir="rtl"] {
    /* Text alignment */
    text-align: right;
}

/* Navigation */
[dir="rtl"] .navbar-nav {
    direction: rtl;
}

[dir="rtl"] .nav-list {
    flex-direction: row-reverse;
}

[dir="rtl"] .dropdown-arrow {
    margin-left: 0;
    margin-right: var(--spacing-1);
}

/* Dropdowns */
[dir="rtl"] .dropdown-menu {
    left: auto;
    right: 0;
}

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

[dir="rtl"] .dropdown-item {
    text-align: right;
}

[dir="rtl"] .dropdown-item svg {
    margin-left: var(--spacing-2);
    margin-right: 0;
}

/* Mega Menu */
[dir="rtl"] .mega-menu {
    left: auto;
    right: 50%;
    transform: translateX(50%) translateY(10px);
}

[dir="rtl"] .nav-item.has-dropdown:hover .mega-menu {
    transform: translateX(50%) translateY(0);
}

[dir="rtl"] .mega-menu-links {
    padding-left: 0;
    padding-right: calc(32px + var(--spacing-2));
}

/* Search */
[dir="rtl"] .search-input-wrapper {
    flex-direction: row-reverse;
}

[dir="rtl"] .search-input {
    text-align: right;
}

/* Buttons */
[dir="rtl"] .btn {
    flex-direction: row-reverse;
}

[dir="rtl"] .btn svg {
    margin-left: var(--spacing-2);
    margin-right: 0;
}

/* Forms */
[dir="rtl"] .form-input,
[dir="rtl"] .form-select,
[dir="rtl"] .form-textarea {
    text-align: right;
}

[dir="rtl"] .form-check {
    flex-direction: row-reverse;
}

/* Cards */
[dir="rtl"] .card-meta {
    flex-direction: row-reverse;
}

[dir="rtl"] .card-author {
    flex-direction: row-reverse;
}

[dir="rtl"] .card-stats {
    flex-direction: row-reverse;
}

[dir="rtl"] .card-stat {
    flex-direction: row-reverse;
}

/* Article */
[dir="rtl"] .article-breadcrumb {
    flex-direction: row-reverse;
}

[dir="rtl"] .article-breadcrumb svg {
    transform: rotate(180deg);
}

[dir="rtl"] .article-meta {
    flex-direction: row-reverse;
}

[dir="rtl"] .article-author {
    flex-direction: row-reverse;
}

[dir="rtl"] .article-stats {
    flex-direction: row-reverse;
}

[dir="rtl"] .article-stat {
    flex-direction: row-reverse;
}

/* Table of Contents */
[dir="rtl"] .table-of-contents li {
    padding-left: 0;
}

/* Footer */
[dir="rtl"] .footer-grid {
    direction: rtl;
}

[dir="rtl"] .footer-social {
    flex-direction: row-reverse;
}

[dir="rtl"] .footer-links {
    text-align: right;
}

[dir="rtl"] .newsletter-input-group {
    flex-direction: row-reverse;
}

[dir="rtl"] .footer-bottom {
    flex-direction: row-reverse;
}

/* Notifications */
[dir="rtl"] .notification {
    flex-direction: row-reverse;
    text-align: right;
}

[dir="rtl"] .notification-content {
    text-align: right;
}

/* Confirm Dialog */
[dir="rtl"] .confirm-dialog-header {
    flex-direction: row-reverse;
}

[dir="rtl"] .confirm-dialog-footer {
    flex-direction: row-reverse;
}

/* User Menu */
[dir="rtl"] .navbar-user {
    flex-direction: row-reverse;
}

[dir="rtl"] .dropdown-header.user-info {
    flex-direction: row-reverse;
}

/* Mobile Navigation */
[dir="rtl"] .mobile-nav-link {
    flex-direction: row-reverse;
}

/* DateTime */
[dir="rtl"] .navbar-datetime {
    align-items: flex-start;
}

/* Code Block */
[dir="rtl"] .code-header {
    flex-direction: row-reverse;
}

[dir="rtl"] .code-block pre {
    direction: ltr;
    text-align: left;
}

/* Scroll Margins for anchor links */
[dir="rtl"] :target {
    scroll-margin-top: calc(var(--navbar-height) + var(--spacing-4));
}

/* Flex utilities override */
[dir="rtl"] .flex-row-reverse {
    flex-direction: row;
}

/* Grid adjustments */
@media (min-width: 1024px) {
    [dir="rtl"] .footer-grid {
        grid-template-columns: repeat(4, 1fr) 2fr;
    }
    
    [dir="rtl"] .footer-brand {
        grid-column: 5;
        grid-row: 1;
    }
}

/* Spacing overrides */
[dir="rtl"] .mr-2 {
    margin-right: 0;
    margin-left: var(--spacing-2);
}

[dir="rtl"] .ml-2 {
    margin-left: 0;
    margin-right: var(--spacing-2);
}

[dir="rtl"] .mr-4 {
    margin-right: 0;
    margin-left: var(--spacing-4);
}

[dir="rtl"] .ml-4 {
    margin-left: 0;
    margin-right: var(--spacing-4);
}

[dir="rtl"] .pr-4 {
    padding-right: 0;
    padding-left: var(--spacing-4);
}

[dir="rtl"] .pl-4 {
    padding-left: 0;
    padding-right: var(--spacing-4);
}

/* Icon mirrors */
[dir="rtl"] .icon-arrow-right {
    transform: scaleX(-1);
}

[dir="rtl"] .icon-arrow-left {
    transform: scaleX(-1);
}

[dir="rtl"] .icon-chevron-right {
    transform: scaleX(-1);
}

[dir="rtl"] .icon-chevron-left {
    transform: scaleX(-1);
}