/* RTL Support for Arabic Language */

/* RTL Direction-Aware Utilities - Force RTL */
html[dir="rtl"],
html[dir="rtl"] body,
[dir="rtl"] {
    direction: rtl !important;
    text-align: right !important;
}

html[dir="rtl"] * {
    direction: rtl;
}

/* Header - Keep in LTR for all languages (including Arabic) */
header[dir="ltr"],
header[dir="ltr"] *,
header[dir="ltr"] .navbar-flex,
header[dir="ltr"] .navbar-nav,
header[dir="ltr"] .language-dropdown,
header[dir="ltr"] .register-login {
    direction: ltr !important;
    text-align: left !important;
    flex-direction: row !important;
}

header[dir="ltr"] .navbar-flex {
    flex-direction: row !important;
}

header[dir="ltr"] .navbar-nav {
    flex-direction: row !important;
}

header[dir="ltr"] .navbar-nav .space-x-6 > * + * {
    margin-left: 1.5rem !important;
    margin-right: 0 !important;
}

header[dir="ltr"] .navbar-nav li {
    margin-left: 1.5rem !important;
    margin-right: 0 !important;
}

/* Mobile Menu - Keep in LTR for all languages */
#mobileMenuModal[dir="ltr"],
#mobileMenuModal[dir="ltr"] *,
#mobileMenuModal[dir="ltr"] .flex {
    direction: ltr !important;
    text-align: left !important;
}

#mobileMenuModal[dir="ltr"] .flex.items-center {
    flex-direction: row !important;
}

#mobileMenuModal[dir="ltr"] i,
#mobileMenuModal[dir="ltr"] svg {
    margin-right: 0.75rem !important;
    margin-left: 0 !important;
}

[dir="rtl"] .navbar-nav li:last-child {
    margin-right: 0;
}

[dir="rtl"] .register-login {
    flex-direction: row-reverse;
    margin-left: 0 !important;
    margin-right: auto;
}

[dir="rtl"] .register-login .gap-2 > * + * {
    margin-left: 0;
    margin-right: 0.5rem;
}

/* Mobile Menu Button RTL */
[dir="rtl"] #mobileMenuButton {
    order: 5;
    margin-left: 0;
    margin-right: 0;
}

/* Language Dropdown RTL */
[dir="rtl"] .language-dropdown {
    margin-left: 0;
    margin-right: 0.5rem;
}

[dir="rtl"] .language-dropdown ul,
[dir="rtl"] .user-dropdown ul {
    right: auto;
    left: 0;
}

[dir="rtl"] #languageDropdownMenu {
    right: auto !important;
    left: 0 !important;
}

[dir="rtl"] .language-dropdown button .gap-2 > * + * {
    margin-left: 0;
    margin-right: 0.5rem;
}

/* Icons and Text Alignment - All Icons on Right */
[dir="rtl"] .icon-check {
    margin-left: 0;
    margin-right: auto;
}

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

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

/* Force all icons to appear on the right side in Arabic */
[dir="rtl"] i,
[dir="rtl"] svg,
[dir="rtl"] .icon,
[dir="rtl"] [class*="icon-"],
[dir="rtl"] [class*="fa-"],
[dir="rtl"] .fab,
[dir="rtl"] .fas,
[dir="rtl"] .far {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
}

/* Preserve spacing classes for explicit positioning */
[dir="rtl"] .ms-1 { margin-left: 0 !important; margin-right: 0.25rem !important; }
[dir="rtl"] .ms-2 { margin-left: 0 !important; margin-right: 0.5rem !important; }
[dir="rtl"] .ms-3 { margin-left: 0 !important; margin-right: 0.75rem !important; }
[dir="rtl"] .me-1 { margin-right: 0 !important; margin-left: 0.25rem !important; }
[dir="rtl"] .me-2 { margin-right: 0 !important; margin-left: 0.5rem !important; }
[dir="rtl"] .me-3 { margin-right: 0 !important; margin-left: 0.75rem !important; }
[dir="rtl"] .ml-1 { margin-left: 0 !important; margin-right: 0.25rem !important; }
[dir="rtl"] .ml-2 { margin-left: 0 !important; margin-right: 0.5rem !important; }
[dir="rtl"] .ml-3 { margin-left: 0 !important; margin-right: 0.75rem !important; }
[dir="rtl"] .mr-1 { margin-right: 0 !important; margin-left: 0.25rem !important; }
[dir="rtl"] .mr-2 { margin-right: 0 !important; margin-left: 0.5rem !important; }
[dir="rtl"] .mr-3 { margin-right: 0 !important; margin-left: 0.75rem !important; }

/* Flex Direction Fixes - Icons on Right */
[dir="rtl"] .flex-row {
    flex-direction: row-reverse !important;
}

[dir="rtl"] .flex.items-center,
[dir="rtl"] .d-flex.align-items-center,
[dir="rtl"] .inline-flex.items-center {
    flex-direction: row-reverse !important;
}

[dir="rtl"] .flex.items-center.gap-1,
[dir="rtl"] .flex.items-center.gap-2,
[dir="rtl"] .flex.items-center.gap-3 {
    flex-direction: row-reverse !important;
}

/* Ensure text appears after icons (on left in RTL) */
[dir="rtl"] .flex.items-center > span,
[dir="rtl"] .d-flex.align-items-center > span,
[dir="rtl"] .inline-flex.items-center > span {
    order: -1;
}

/* Padding and Margin Fixes */
[dir="rtl"] .pl-4 { padding-left: 0; padding-right: 1rem; }
[dir="rtl"] .pr-4 { padding-right: 0; padding-left: 1rem; }
[dir="rtl"] .pl-3 { padding-left: 0; padding-right: 0.75rem; }
[dir="rtl"] .pr-3 { padding-right: 0; padding-left: 0.75rem; }

/* Border Radius for RTL */
[dir="rtl"] .rounded-l-lg { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; }
[dir="rtl"] .rounded-r-lg { border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; }

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

/* User Dropdown Button */
[dir="rtl"] #userDropdownBtn {
    flex-direction: row-reverse !important;
}

[dir="rtl"] #userDropdownBtn .icon-user {
    order: 1;
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
}

[dir="rtl"] #userDropdownBtn span.font-semibold {
    order: 0;
}

[dir="rtl"] #userDropdownBtn svg {
    order: -1;
}

/* User Dropdown Menu Items */
[dir="rtl"] #userDropdownMenu .flex.items-center.gap-2 {
    flex-direction: row-reverse !important;
}

[dir="rtl"] #userDropdownMenu i {
    order: 1;
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
}

[dir="rtl"] #userDropdownMenu span {
    order: 0;
}

/* Mobile Menu */
[dir="rtl"] #mobileMenuContent {
    right: auto;
    left: 0;
}

[dir="rtl"] #mobileMenuContent.translate-x-full {
    transform: translateX(-100%);
}

[dir="rtl"] #mobileMenuContent:not(.translate-x-full) {
    transform: translateX(0);
}

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

[dir="rtl"] footer ul {
    padding-left: 0;
    padding-right: 0;
}

/* Home Page Banner */
[dir="rtl"] .banner-content {
    text-align: center;
}

/* Counter Section */
[dir="rtl"] .counter-item {
    flex-direction: row-reverse;
}

[dir="rtl"] .counter-item i {
    margin-right: 0;
    margin-left: 0.75rem;
}

/* Tour Cards */
[dir="rtl"] .trend-content .entry-author {
    flex-direction: row-reverse;
}

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

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

[dir="rtl"] input::placeholder,
[dir="rtl"] select::placeholder,
[dir="rtl"] textarea::placeholder {
    text-align: right;
}

/* Lists with Icons */
[dir="rtl"] .about-listing ul li i {
    margin-right: 0;
    margin-left: 0.5rem;
}

/* Navigation Items with Icons */
[dir="rtl"] .navbar-brand {
    margin-right: 0;
    margin-left: auto;
}

/* Search Form Icons */
[dir="rtl"] .input-box i {
    right: auto;
    left: 1rem;
}

/* Rating Stars */
[dir="rtl"] .rating {
    direction: ltr; /* Keep stars LTR */
}

/* Social Links */
[dir="rtl"] .social-links ul {
    flex-direction: row-reverse;
}

/* User Dropdown */
[dir="rtl"] .dropdown ul {
    right: auto;
    left: 0;
}

/* Specific Component Fixes */
[dir="rtl"] .inline-flex.items-center.gap-2 {
    flex-direction: row-reverse !important;
}

[dir="rtl"] .flex.justify-between {
    flex-direction: row-reverse !important;
}

/* All flex items-center should be reversed */
[dir="rtl"] a.flex.items-center,
[dir="rtl"] button.flex.items-center,
[dir="rtl"] div.flex.items-center,
[dir="rtl"] span.flex.items-center {
    flex-direction: row-reverse !important;
}

/* Gaps in flex containers */
[dir="rtl"] .gap-1 > *:not(:last-child),
[dir="rtl"] .gap-2 > *:not(:last-child),
[dir="rtl"] .gap-3 > *:not(:last-child) {
    margin-left: 0 !important;
}

/* Grid Layouts - Keep Natural Flow */
[dir="rtl"] .grid {
    direction: rtl;
}

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

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

/* Logo Positioning */
[dir="rtl"] .navbar-header {
    margin-right: 0;
    margin-left: auto;
}

/* Language Dropdown Content Alignment - Flags on Right */
[dir="rtl"] .language-dropdown .flex.items-center.gap-2 {
    flex-direction: row-reverse !important;
}

[dir="rtl"] #languageDropdownMenu .flex.items-center.gap-2 {
    flex-direction: row-reverse !important;
}

/* Language dropdown items - Flag emoji on right, text on left, check on far right */
[dir="rtl"] #languageDropdownMenu a {
    flex-direction: row-reverse !important;
}

[dir="rtl"] #languageDropdownMenu .flex.items-center.gap-2 {
    flex-direction: row-reverse !important;
}

/* Flag emojis order */
[dir="rtl"] #languageDropdownMenu .flex.items-center.gap-2 > span.text-lg {
    order: 1 !important;
}

[dir="rtl"] #languageDropdownMenu .flex.items-center.gap-2 > span:not(.text-lg) {
    order: 0 !important;
}

/* Check icon on far right */
[dir="rtl"] #languageDropdownMenu .icon-check {
    order: 2 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Language dropdown button - Globe icon on right */
[dir="rtl"] #languageDropdownBtn {
    flex-direction: row-reverse !important;
}

[dir="rtl"] #languageDropdownBtn .icon-globe {
    order: 1 !important;
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
}

[dir="rtl"] #languageDropdownBtn span.font-semibold {
    order: 0 !important;
}

[dir="rtl"] #languageDropdownBtn svg {
    order: -1 !important;
}

/* Mobile Menu Icons - All on Right */
[dir="rtl"] #mobileMenuModal i,
[dir="rtl"] #mobileMenuModal svg,
[dir="rtl"] #mobileMenuModal [class*="icon-"] {
    margin-right: 0 !important;
    margin-left: 0.75rem !important;
    order: 1;
}

[dir="rtl"] #mobileMenuModal .flex.items-center > span {
    order: 0;
}

/* Mobile Menu Language Flags on Right */
[dir="rtl"] #mobileMenuModal .flex.items-center.gap-2 {
    flex-direction: row-reverse !important;
}

[dir="rtl"] #mobileMenuModal .flex.items-center.gap-2 > span.text-xl {
    order: 1 !important;
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
}

[dir="rtl"] #mobileMenuModal .icon-check {
    order: 2 !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}

/* Dashboard Sidebar Menu - Icons on Right for RTL */
html[dir="rtl"] aside nav a,
html[dir="rtl"] aside nav a.flex.items-center,
[dir="rtl"] aside nav a[dir="rtl"],
[dir="rtl"] aside nav a.flex.items-center[dir="rtl"] {
    flex-direction: row-reverse !important;
    text-align: right !important;
}

html[dir="rtl"] aside nav a i[data-feather],
html[dir="rtl"] aside nav a svg,
[dir="rtl"] aside nav a[dir="rtl"] i[data-feather],
[dir="rtl"] aside nav a[dir="rtl"] svg {
    margin-right: 0 !important;
    margin-left: 0.75rem !important;
    order: 1 !important;
}

html[dir="rtl"] aside nav a span,
[dir="rtl"] aside nav a[dir="rtl"] span {
    margin-left: 0 !important;
    margin-right: 0 !important;
    order: 0 !important;
}

/* Force ALL feather icons in sidebar to right */
html[dir="rtl"] aside .flex.items-center i[data-feather],
[dir="rtl"] aside .flex.items-center i[data-feather] {
    order: 1 !important;
    margin-right: 0 !important;
    margin-left: 0.75rem !important;
}

html[dir="rtl"] aside .flex.items-center span,
[dir="rtl"] aside .flex.items-center span {
    order: 0 !important;
    margin-left: 0 !important;
}

/* Dashboard Sidebar Position */
html[dir="rtl"] body > div > aside,
[dir="rtl"] body > div > aside {
    border-right: none !important;
    border-left: 1px solid #e5e7eb !important;
    order: 1;
}

html[dir="rtl"] body.dark > div > aside,
[dir="rtl"] body.dark > div > aside {
    border-left-color: #374151 !important;
}

html[dir="rtl"] body > div,
[dir="rtl"] body > div {
    flex-direction: row-reverse !important;
}

/* Sidebar alignment */
html[dir="rtl"] aside,
[dir="rtl"] aside {
    text-align: right !important;
}

/* Dashboard Header User Menu */
[dir="rtl"] header .relative > div[x-show] {
    right: auto !important;
    left: 0 !important;
}

/* Dashboard Success/Error Messages */
[dir="rtl"] .flex.items-center.justify-between {
    flex-direction: row-reverse !important;
}

/* Tour Details Page RTL */
[dir="rtl"] .trending .flex.items-center,
[dir="rtl"] .trending .inline-flex.items-center {
    flex-direction: row-reverse !important;
}

[dir="rtl"] .trending .flaticon-location-pin,
[dir="rtl"] .trending .icon-calendar,
[dir="rtl"] .trending .icon-clock,
[dir="rtl"] .trending .icon-user {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
}

/* Tour Details Destination Cards */
[dir="rtl"] .destination-card .grid {
    direction: rtl !important;
}

[dir="rtl"] .destination-card .flex.items-center {
    flex-direction: row-reverse !important;
}

/* Tour Details Rating */
[dir="rtl"] .rating-main {
    flex-direction: row-reverse !important;
}

/* Tour Details Sidebar */
[dir="rtl"] .trending .flex.justify-between {
    flex-direction: row-reverse !important;
}

/* Modal Content RTL */
[dir="rtl"] .modal-content {
    text-align: right !important;
    direction: rtl !important;
}

[dir="rtl"] .modal-content .flex.items-start {
    flex-direction: row-reverse !important;
}

[dir="rtl"] .modal-content i,
[dir="rtl"] .modal-content svg {
    margin-right: 0 !important;
    margin-left: 0.75rem !important;
}

/* Tour Details Booking Card RTL */
[dir="rtl"] .shadow-md .flex.justify-between {
    direction: ltr !important;
}

[dir="rtl"] .shadow-md .flex.items-center.flex-row-reverse i {
    order: 1;
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
}

[dir="rtl"] .shadow-md .flex.items-center.flex-row-reverse span {
    order: 0;
}

/* Tour Details Page - Header Info RTL */
[dir="rtl"] .trending .text-right {
    text-align: left !important;
}

[dir="rtl"] .trending .justify-end {
    justify-content: flex-start !important;
}

/* Force all flex-row-reverse items to have proper icon placement */
[dir="rtl"] .flex-row-reverse i,
[dir="rtl"] .flex-row-reverse svg {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

/* Entry author (duration badge) */
[dir="rtl"] .entry-author {
    flex-direction: row-reverse !important;
}

[dir="rtl"] .entry-author i {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
}

/* Destination Cards - Buttons RTL */
[dir="rtl"] .destinations-list .flex.gap-2 button {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

[dir="rtl"] .destinations-list .flex.gap-2.flex-row-reverse {
    justify-content: flex-start !important;
}

[dir="rtl"] .destinations-list .flex.flex-col.items-start {
    align-items: flex-start !important;
}

/* Hover Translate Effects */
[dir="rtl"] .hover\:translate-x-1:hover {
    transform: translateX(-0.25rem);
}

/* Border Sides */
[dir="rtl"] .border-r {
    border-right: 0;
    border-left: 1px solid;
}

[dir="rtl"] .border-l {
    border-left: 0;
    border-right: 1px solid;
}