/**
 * CASTING MAURITANIE — RTL Arabic Stylesheet
 * Overrides and additions for Arabic (RTL) layout
 */

/* ============ ROOT RTL ============ */

/* Arabic fonts: IBM Plex Arabic (body) + Tajawal (display) */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&family=Tajawal:wght@300;400;500;700;800;900&display=swap');

[lang="ar"] {
  direction: rtl;
  text-align: right;
  font-family: 'IBM Plex Sans Arabic', 'Tajawal', system-ui, sans-serif;
}

/* Arabic display headings use Tajawal Extra Bold */
[lang="ar"] h1,
[lang="ar"] h2,
[lang="ar"] h3,
[lang="ar"] .hero-title,
[lang="ar"] .section-title,
[lang="ar"] .auth-heading,
[lang="ar"] .legal-title {
  font-family: 'Tajawal', system-ui, sans-serif;
  font-weight: 800;
  letter-spacing: -0.01em;
}


/* ============ NAV RTL ============ */
[lang="ar"] .nav-container {
  flex-direction: row-reverse;
}
[lang="ar"] .nav-links {
  gap: var(--space-4);
}
[lang="ar"] .nav-actions {
  flex-direction: row-reverse;
}
[lang="ar"] .nav-toggle {
  margin-right: 0;
  margin-left: 0;
}

/* ============ FOOTER RTL ============ */
[lang="ar"] .footer-grid {
  direction: rtl;
}
[lang="ar"] .footer-col {
  text-align: right;
}
[lang="ar"] .footer-bottom {
  flex-direction: row-reverse;
}

/* ============ HERO RTL ============ */
[lang="ar"] .hero {
  direction: rtl;
}
[lang="ar"] .hero-content {
  text-align: right;
}
[lang="ar"] .hero-cta {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
[lang="ar"] .hero-badge {
  flex-direction: row-reverse;
}

/* ============ CARDS RTL ============ */
[lang="ar"] .artist-card-info {
  text-align: right;
}
[lang="ar"] .artist-card-meta {
  flex-direction: row-reverse;
}

/* ============ FILTER SIDEBAR RTL ============ */
[lang="ar"] .directory-layout {
  direction: rtl;
}
[lang="ar"] .filter-sidebar {
  right: auto;
  left: 0;
}
[lang="ar"] .filter-sidebar.open {
  transform: translateX(0);
}
[lang="ar"] .filter-header {
  flex-direction: row-reverse;
}
[lang="ar"] .filter-group-label::after {
  margin-right: auto;
  margin-left: 0;
}

/* ============ FORMS RTL ============ */
[lang="ar"] .form-group {
  text-align: right;
}
[lang="ar"] .form-input,
[lang="ar"] .form-select,
[lang="ar"] .form-textarea {
  text-align: right;
  direction: rtl;
}
[lang="ar"] .form-check {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
[lang="ar"] .check-box {
  margin-right: 0;
  margin-left: 10px;
}
[lang="ar"] .password-toggle {
  direction: rtl;
}
[lang="ar"] .password-toggle-btn {
  right: auto;
  left: 12px;
}
[lang="ar"] .form-input[type="password"] {
  padding-left: 44px;
  padding-right: 16px;
}

/* ============ AUTH PAGE RTL ============ */
[lang="ar"] .auth-page {
  flex-direction: row-reverse;
}
[lang="ar"] .auth-visual-content {
  text-align: right;
}
[lang="ar"] .auth-visual-stats {
  flex-direction: row-reverse;
}
[lang="ar"] .auth-form-side {
  text-align: right;
}

/* ============ DASHBOARD RTL ============ */
[lang="ar"] .dashboard-layout {
  flex-direction: row-reverse;
}
[lang="ar"] .dash-sidebar {
  border-right: none;
  border-left: 1px solid rgba(255,255,255,0.06);
}
[lang="ar"] .dash-nav-link {
  flex-direction: row-reverse;
  text-align: right;
}
[lang="ar"] .dash-nav-badge {
  margin-left: 0;
  margin-right: auto;
}
[lang="ar"] .dash-header {
  flex-direction: row-reverse;
}

/* ============ STEP ITEMS RTL ============ */
[lang="ar"] .steps-container {
  flex-direction: row;      /* HTML order already reversed for RTL */
  direction: rtl;
}
[lang="ar"] .step-content {
  text-align: right;
}
/* Step numbers display correctly in RTL */
[lang="ar"] .step-number {
  direction: ltr;           /* Keep numbers LTR visually */
}


/* ============ PROFILE RTL ============ */
[lang="ar"] .profile-main {
  direction: rtl;
}
[lang="ar"] .profile-sidebar {
  text-align: right;
}
[lang="ar"] .profile-actions {
  text-align: right;
}
[lang="ar"] .profile-quick-info {
  direction: rtl;
}
[lang="ar"] .quick-info-item {
  flex-direction: row-reverse;
  text-align: right;
}

/* ============ TABLE RTL ============ */
[lang="ar"] .data-table {
  direction: rtl;
}
[lang="ar"] .data-table th,
[lang="ar"] .data-table td {
  text-align: right;
}
[lang="ar"] .table-artist-cell {
  flex-direction: row-reverse;
}
[lang="ar"] .table-actions {
  flex-direction: row-reverse;
}

/* ============ SECTION HEADER RTL ============ */
[lang="ar"] .section-header {
  text-align: right;
}
[lang="ar"] .section-tag {
  margin-right: 0;
  margin-left: auto;
}

/* ============ LANGUAGE SWITCHER ============ */
.lang-switcher {
  display: flex;
  align-items: center;
  gap: 4px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: var(--radius-full);
  padding: 3px;
  font-size: 0.78rem;
  font-weight: 600;
}
.lang-btn {
  padding: 4px 10px;
  border-radius: var(--radius-full);
  cursor: pointer;
  color: var(--gray-1);
  transition: all var(--duration-fast) var(--ease);
  text-decoration: none;
  font-size: 0.78rem;
  font-weight: 600;
}
.lang-btn.active {
  background: var(--gold);
  color: var(--dark);
}
.lang-btn:hover:not(.active) {
  color: var(--white);
}

/* ============ SECTION OVERRIDES RTL ============ */
[lang="ar"] .stats-grid {
  direction: rtl;
}
[lang="ar"] .categories-grid {
  direction: rtl;
}
[lang="ar"] .category-card {
  flex-direction: row-reverse;
}
[lang="ar"] .category-info {
  text-align: right;
}
[lang="ar"] .howitworks-section .steps-container {
  direction: rtl;
}
[lang="ar"] .cta-content {
  text-align: right;
}
[lang="ar"] .cta-buttons {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
[lang="ar"] .review-panel-header {
  flex-direction: row-reverse;
}
[lang="ar"] .review-check-item {
  flex-direction: row-reverse;
}
[lang="ar"] .profile-section-title {
  flex-direction: row-reverse;
}
[lang="ar"] .page-header-inner {
  flex-direction: row-reverse;
}
[lang="ar"] .directory-toolbar {
  flex-direction: row-reverse;
}
[lang="ar"] .active-filters {
  flex-direction: row-reverse;
}
[lang="ar"] .search-bar {
  flex-direction: row-reverse;
}
[lang="ar"] .search-bar-icon {
  right: auto;
  left: 16px;
}
[lang="ar"] .search-input {
  padding-right: 20px;
  padding-left: 48px;
}
[lang="ar"] .card-hover {
  text-align: right;
}
[lang="ar"] .dash-stats {
  direction: rtl;
}
[lang="ar"] .modal {
  text-align: right;
  direction: rtl;
}
[lang="ar"] .modal-header {
  flex-direction: row-reverse;
}
[lang="ar"] .faq-question {
  flex-direction: row-reverse;
}
[lang="ar"] .grid-2,
[lang="ar"] .grid-3 {
  direction: rtl;
}
[lang="ar"] .role-selector {
  direction: rtl;
}
[lang="ar"] .badge-dot {
  margin-right: 0;
  margin-left: 8px;
}
[lang="ar"] .hero-scroll {
  left: auto;
  right: 50%;
  transform: translateX(50%);
}

/* Mobile RTL adjustments */
@media (max-width: 768px) {
  [lang="ar"] .filter-sidebar {
    right: auto;
    left: 0;
    transform: translateX(-100%);
  }
  [lang="ar"] .filter-sidebar.open {
    transform: translateX(0);
  }
  [lang="ar"] .auth-page {
    flex-direction: column;
  }
}