/* RTL Support for Arabic */
html[dir="rtl"] .nav-container,
html[dir="rtl"] .footer-grid,
html[dir="rtl"] .company-detail-grid,
html[dir="rtl"] .filters-row,
html[dir="rtl"] .hero-content,
html[dir="rtl"] .company-header-inner,
html[dir="rtl"] .company-card-top,
html[dir="rtl"] .review-header,
html[dir="rtl"] .profile-info,
html[dir="rtl"] .admin-header,
html[dir="rtl"] .admin-stat-grid,
html[dir="rtl"] .steps-grid,
html[dir="rtl"] .company-grid,
html[dir="rtl"] .cat-grid,
html[dir="rtl"] .banner-grid,
html[dir="rtl"] .footer-bottom {
    direction: rtl;
}

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

html[dir="rtl"] .auth-card {
    direction: rtl;
}

html[dir="rtl"] .form-label {
    text-align: right;
}

html[dir="rtl"] .hero-search input {
    text-align: right;
    border-radius: 0 50px 50px 0;
}

html[dir="rtl"] .hero-search button {
    border-radius: 50px 0 0 50px;
}

html[dir="rtl"] .company-detail-main {
    order: 2;
}

html[dir="rtl"] .company-detail-sidebar {
    order: 1;
}

html[dir="rtl"] .review-reply {
    margin-right: 2.5rem;
    margin-left: 0;
}

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

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

html[dir="rtl"] .admin-sidebar {
    border-right: none;
    border-left: 1px solid #E2E8F0;
}

html[dir="rtl"] .admin-layout {
    direction: rtl;
}

html[dir="rtl"] .admin-content {
    margin-right: 260px;
    margin-left: 0;
}

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

html[dir="rtl"] .hours-table .hours-day {
    text-align: right;
}

html[dir="rtl"] .hours-table .hours-time {
    text-align: left;
}

html[dir="rtl"] .company-header-actions {
    text-align: left;
}

html[dir="rtl"] .profile-tabs {
    direction: rtl;
}

/* Language Switcher */
.lang-switcher {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: 8px;
}

html[dir="rtl"] .lang-switcher {
    margin-left: 0;
    margin-right: 8px;
}

.lang-switcher a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    color: #64748B;
    background: #F1F5F9;
    transition: all 0.2s;
    border: 1px solid transparent;
}

.lang-switcher a:hover {
    background: #E2E8F0;
    color: #0F172A;
}

.lang-switcher a.active {
    background: #4F46E5;
    color: #fff;
    border-color: #4F46E5;
}

html[dir="rtl"] .lang-switcher a {
    font-family: 'Inter', sans-serif;
}