/* RTL Overrides */

[dir="rtl"] body {
    direction: rtl;
    text-align: right;
    font-family: 'Noto Sans Arabic', system-ui, sans-serif !important;
}

[dir="rtl"] .lucide-arrow-right,
[dir="rtl"] .lucide-chevron-right,
[dir="rtl"] .lucide-arrow-left,
[dir="rtl"] .lucide-chevron-left {
    transform: scaleX(-1);
}

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

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

/* Flip standard Tailwind spacing if they are used directionally and not logically */
[dir="rtl"] .ml-auto {
    margin-right: auto;
    margin-left: 0;
}

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


/* Navbar specific fixes */
[dir="rtl"] .nav-link:after {
    left: auto;
    right: 0;
}

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

/* Letter spacing for Arabic is usually better at 0 */
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6,
[dir="rtl"] p,
[dir="rtl"] a,
[dir="rtl"] span,
[dir="rtl"] button {
    letter-spacing: 0 !important;
}

/* Fix for group-hover classes */
.group:hover .group-hover\:block {
    display: block;
}

.group:hover .group-hover\:rotate-180 {
    transform: rotate(180deg);
}

/* Missing utility classes for Dropdown */
.bg-white {
    background-color: #ffffff !important;
}

.shadow-lg {
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
}

.rounded-md {
    border-radius: 0.375rem !important;
}

.border-gray-100 {
    border-color: #f3f4f6 !important;
}

.z-50 {
    z-index: 50 !important;
}

.absolute {
    position: absolute !important;
}

.w-64 {
    width: 16rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}