/* ============================================
   Archive Service - RTL Stylesheet
   For RTL languages like Persian/Arabic
   ============================================ */

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

/* ============== Typography Adjustments ============== */
[dir="rtl"] body {
    font-family: 'Vazirmatn', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* ============== Layout Mirroring ============== */

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

/* Header */
[dir="rtl"] .header-inner {
    flex-direction: row-reverse;
}

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

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

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

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

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

/* ============== Margins & Paddings ============== */

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

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

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

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

/* Swap left/right paddings */
[dir="rtl"] .pl-2 {
    padding-left: 0;
    padding-right: var(--spacing-2);
}

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

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

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

/* ============== Icons ============== */

/* Flip directional icons */
[dir="rtl"] .icon-flip-rtl {
    transform: scaleX(-1);
}

/* Arrow icons in buttons */
[dir="rtl"] .btn .icon-arrow-right {
    transform: scaleX(-1);
}

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

/* ============== Form Elements ============== */

/* Checkbox and Radio */
[dir="rtl"] .form-checkbox,
[dir="rtl"] .form-radio {
    flex-direction: row-reverse;
}

/* Input icons */
[dir="rtl"] .input-with-icon {
    padding-left: var(--spacing-4);
    padding-right: var(--spacing-10);
}

[dir="rtl"] .input-icon {
    right: auto;
    left: var(--spacing-3);
}

/* ============== Navigation ============== */

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

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

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

/* Submenu */
[dir="rtl"] .submenu {
    left: auto;
    right: 100%;
}

/* ============== Tables ============== */

[dir="rtl"] .table th,
[dir="rtl"] .table td {
    text-align: right;
}

/* ============== Lists ============== */

[dir="rtl"] ul,
[dir="rtl"] ol {
    padding-left: 0;
    padding-right: var(--spacing-6);
}

[dir="rtl"] .list-disc {
    list-style-position: inside;
}

/* ============== Cards ============== */

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

/* ============== Modals ============== */

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

[dir="rtl"] .modal-footer {
    flex-direction: row-reverse;
    justify-content: flex-start;
}

/* ============== Toasts ============== */

[dir="rtl"] .toast-container {
    right: auto;
    left: var(--spacing-4);
}

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

[dir="rtl"] .toast-success {
    border-left: none;
    border-right: 4px solid var(--color-success);
}

[dir="rtl"] .toast-error {
    border-left: none;
    border-right: 4px solid var(--color-error);
}

[dir="rtl"] .toast-warning {
    border-left: none;
    border-right: 4px solid var(--color-warning);
}

[dir="rtl"] .toast-info {
    border-left: none;
    border-right: 4px solid var(--color-info);
}

@keyframes slideInRTL {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

[dir="rtl"] .toast {
    animation: slideInRTL 0.3s ease;
}

/* ============== Breadcrumbs ============== */

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

[dir="rtl"] .breadcrumb-separator {
    transform: scaleX(-1);
}

/* ============== Pagination ============== */

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

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

/* ============== Progress Bar ============== */

[dir="rtl"] .progress-bar {
    direction: ltr;
    /* Keep progress bar LTR */
}

/* ============== Sidebar ============== */

[dir="rtl"] .sidebar {
    left: auto;
    right: 0;
}

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

[dir="rtl"] .main-content-with-sidebar {
    margin-left: 0;
    margin-right: 280px;
}

/* ============== Search ============== */

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

[dir="rtl"] .search-icon {
    left: auto;
    right: var(--spacing-3);
}

[dir="rtl"] .search-clear {
    right: auto;
    left: var(--spacing-3);
}

/* ============== Timeline ============== */

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

[dir="rtl"] .timeline-item::before {
    left: auto;
    right: calc(-1 * var(--spacing-6) - 5px);
}

[dir="rtl"] .timeline-content {
    border-left: none;
    border-right: 2px solid var(--color-border);
    padding-left: 0;
    padding-right: var(--spacing-4);
}

/* ============== Chat/Messages ============== */

[dir="rtl"] .message-bubble {
    border-radius: var(--radius-lg) 0 var(--radius-lg) var(--radius-lg);
}

[dir="rtl"] .message-sent {
    margin-left: 0;
    margin-right: auto;
}

[dir="rtl"] .message-received {
    margin-right: 0;
    margin-left: auto;
}

/* ============== Tooltips ============== */

[dir="rtl"] .tooltip {
    direction: rtl;
    text-align: right;
}

/* ============== Notifications ============== */

[dir="rtl"] .notification-badge {
    left: auto;
    right: -4px;
}

/* ============== File Upload ============== */

[dir="rtl"] .file-upload {
    text-align: right;
}

/* ============== Steps/Wizard ============== */

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

[dir="rtl"] .step-connector {
    transform: scaleX(-1);
}

/* ============== Accordion ============== */

[dir="rtl"] .accordion-header {
    flex-direction: row-reverse;
    text-align: right;
}

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

/* ============== Tabs ============== */

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

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

/* ============== Avatar Group ============== */

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

[dir="rtl"] .avatar-group .avatar {
    margin-left: -8px;
    margin-right: 0;
}

/* ============== Ad Slots ============== */

[dir="rtl"] .ad-slot {
    text-align: center;
    /* Keep ads centered */
}

/* ============== Specific Component Fixes ============== */

/* Archive services selection */
[dir="rtl"] .archive-services {
    flex-direction: row-reverse;
}

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

/* Result cards */
[dir="rtl"] .result-card {
    text-align: right;
}

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

/* Hero section */
[dir="rtl"] .hero-actions {
    flex-direction: row-reverse;
}

/* Feature cards */
[dir="rtl"] .feature-card {
    text-align: center;
    /* Keep centered */
}

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

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

/* ============== Persian/Farsi Specific ============== */

/* Persian numbers */
.persian-numbers {
    font-feature-settings: "ss01";
}

/* Better Persian text rendering */
[dir="rtl"][lang="fa"] {
    font-family: 'Vazirmatn', 'Tahoma', 'Arial', sans-serif;
    line-height: 1.8;
    /* Slightly more line height for Persian */
}

/* Persian heading adjustments */
[dir="rtl"][lang="fa"] h1,
[dir="rtl"][lang="fa"] h2,
[dir="rtl"][lang="fa"] h3 {
    font-weight: 700;
    line-height: 1.4;
}

/* ============== Mobile RTL Adjustments ============== */

@media (max-width: 768px) {
    [dir="rtl"] .nav.open {
        text-align: right;
    }

    [dir="rtl"] .mobile-menu-btn {
        right: auto;
        left: var(--spacing-4);
    }

    [dir="rtl"] .footer-bottom {
        flex-direction: column;
        text-align: center;
    }

    [dir="rtl"] .footer-social {
        margin-top: var(--spacing-4);
    }
}

/* ============== Print RTL ============== */

@media print {
    [dir="rtl"] {
        direction: rtl;
    }

    [dir="rtl"] .toast-container {
        display: none;
    }
}