/* ══════════════════════════════════════════════════════════
   GLOBAL RTL & MODERN POLISH OVERRIDES
   ══════════════════════════════════════════════════════════ */

[dir="rtl"] {
    /* 1. Icon Mirroring */
    .material-icons:not(.no-mirror), 
    .material-symbols-outlined:not(.no-mirror) {
        transform: scaleX(-1);
    }

    /* Exceptions for icons that shouldn't mirror */
    .material-icons.search,
    .material-icons.person,
    .material-icons.home,
    .material-icons.mail,
    .material-icons.lock,
    .material-icons.settings,
    .material-icons.notifications,
    .material-icons.check_circle,
    .material-icons.error,
    .material-symbols-outlined.search,
    .material-symbols-outlined.person {
        transform: scaleX(1) !important;
    }

    /* 2. Specific Layout Adjustments */
    
    /* Search Bar Positioning */
    .search-input {
        padding: 10px 44px 10px 16px !important;
    }
    .search-icon {
        inset-inline-start: 16px !important;
    }

    /* Sidebar Transitions */
    .sidebar.collapsed {
        transform: translateX(100%) !important;
    }

    /* Dropdowns Origin */
    #userDropdownMenu {
        transform-origin: top left !important;
    }

    /* Animations with direction */
    @keyframes drawLine {
        to {
            stroke-dashoffset: 0;
        }
    }
    
    /* Flip Tooltips if needed */
    .tooltip {
        /* logic usually handles it but sometimes needs nudge */
    }

    /* SweetAlert RTL Support */
    .swal2-container {
        direction: rtl;
    }

    /* Chart labels reversing */
    .chart-labels {
        flex-direction: row-reverse;
    }
}

/* Base modern animations regardless of direction */
.nav-link {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.stat-card-modern, .job-statistics-card, .status-apply-card, .save-job-card, .messages-card {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.stat-card-modern:hover, .da-kpi-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
}