/* ============================================
   RTL STYLESHEET - Right-to-Left Language Support
   ============================================ */

/* ============================================
   BASE RTL STYLES
   ============================================ */
[dir="rtl"] {
  direction: rtl;
  text-align: right;
}

[dir="rtl"] body {
  direction: rtl;
  text-align: right;
}

/* ============================================
   TYPOGRAPHY RTL
   ============================================ */
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6 {
  text-align: right;
}

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

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

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

[dir="rtl"] blockquote {
  border-left: none;
  border-right: 4px solid #2563eb;
  padding-left: 0;
  padding-right: 1.25rem;
  border-radius: 8px 0 0 8px;
}

/* ============================================
   LAYOUT RTL
   ============================================ */
[dir="rtl"] .container {
  text-align: right;
}

[dir="rtl"] .row {
  direction: rtl;
}

/* ============================================
   HEADER & NAVIGATION RTL
   ============================================ */
[dir="rtl"] .nav {
  direction: rtl;
}

[dir="rtl"] .logo {
  flex-direction: row-reverse;
}

/* Language Selector RTL */
[dir="rtl"] .language-dropdown {
  right: auto;
  left: 0;
}

[dir="rtl"] .language-option {
  flex-direction: row-reverse;
  text-align: right;
}

[dir="rtl"] .language-selector-btn {
  flex-direction: row-reverse;
}

/* Hamburger RTL */
[dir="rtl"] .hamburger {
  order: -1;
}

/* Nav Links RTL */
[dir="rtl"] .nav-links {
  direction: rtl;
}

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

[dir="rtl"] .nav-link::after {
  left: auto;
  right: 0;
}

/* ============================================
   FORM ELEMENTS RTL
   ============================================ */
[dir="rtl"] .form-group label {
  text-align: right;
}

[dir="rtl"] .form-group input,
[dir="rtl"] .form-group textarea,
[dir="rtl"] .form-group select {
  text-align: right;
  direction: rtl;
}

[dir="rtl"] .form-group select {
  background-position: left 12px center;
  padding-right: 1rem;
  padding-left: 40px;
}

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

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

/* ============================================
   SPINNER AREA RTL
   ============================================ */
[dir="rtl"] .spinner-header {
  direction: rtl;
}

[dir="rtl"] .spinner-column textarea {
  text-align: right;
  direction: rtl;
}

[dir="rtl"] .result-box {
  text-align: right;
  direction: rtl;
}

[dir="rtl"] .counters {
  direction: rtl;
}

[dir="rtl"] .counter {
  flex-direction: row-reverse;
}

/* ============================================
   BUTTONS RTL
   ============================================ */
[dir="rtl"] .btn {
  flex-direction: row-reverse;
}

[dir="rtl"] .spin-btn {
  flex-direction: row-reverse;
}

/* ============================================
   CARDS RTL
   ============================================ */
[dir="rtl"] .card {
  text-align: right;
}

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

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

/* ============================================
   FEATURES GRID RTL
   ============================================ */
[dir="rtl"] .feature-card {
  text-align: right;
}

[dir="rtl"] .feature-card h3 {
  text-align: right;
}

[dir="rtl"] .feature-card p {
  text-align: right;
}

/* ============================================
   TIPS SECTION RTL
   ============================================ */
[dir="rtl"] .tip-card {
  flex-direction: row-reverse;
  text-align: right;
}

[dir="rtl"] .tip-content h4 {
  text-align: right;
}

[dir="rtl"] .tip-content p {
  text-align: right;
}

/* ============================================
   CONTACT FORM RTL
   ============================================ */
[dir="rtl"] .contact-form {
  text-align: right;
}

/* ============================================
   BREADCRUMBS RTL
   ============================================ */
[dir="rtl"] .breadcrumbs-list {
  flex-direction: row-reverse;
  justify-content: flex-end;
}

[dir="rtl"] .breadcrumbs-item {
  flex-direction: row-reverse;
}

[dir="rtl"] .breadcrumbs-item:last-child {
  text-align: right;
}

/* ============================================
   CONTENT PAGES RTL
   ============================================ */
[dir="rtl"] .content-section {
  text-align: right;
}

[dir="rtl"] .content-section h2 {
  text-align: right;
}

[dir="rtl"] .content-section h3 {
  text-align: right;
}

[dir="rtl"] .content-section p {
  text-align: right;
}

[dir="rtl"] .content-section ul,
[dir="rtl"] .content-section ol {
  padding-left: 0;
  padding-right: 1.5rem;
}

[dir="rtl"] .content-section li {
  text-align: right;
}

[dir="rtl"] .content-section a {
  text-align: right;
}

/* ============================================
   TABLES RTL
   ============================================ */
[dir="rtl"] th {
  text-align: right;
}

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

/* ============================================
   FOOTER RTL
   ============================================ */
[dir="rtl"] .footer {
  text-align: right;
}

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

[dir="rtl"] .footer-brand p {
  text-align: right;
}

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

[dir="rtl"] .footer-links {
  align-items: flex-end;
}

[dir="rtl"] .footer-links a {
  text-align: right;
}

[dir="rtl"] .footer-bottom {
  text-align: center;
}

[dir="rtl"] .social-icons {
  flex-direction: row-reverse;
}

/* ============================================
   SOCIAL SHARE RTL
   ============================================ */
[dir="rtl"] .social-share {
  flex-direction: row-reverse;
}

/* ============================================
   COOKIE CONSENT RTL
   ============================================ */
[dir="rtl"] .cookie-consent {
  text-align: right;
}

[dir="rtl"] .cookie-consent-content {
  flex-direction: row-reverse;
}

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

[dir="rtl"] .cookie-consent-text a {
  text-align: right;
}

[dir="rtl"] .cookie-consent-actions {
  flex-direction: row-reverse;
}

/* ============================================
   COMPARISON SECTION RTL
   ============================================ */
[dir="rtl"] .comparison-header {
  flex-direction: row-reverse;
}

[dir="rtl"] .comparison-panel-header {
  flex-direction: row-reverse;
}

/* ============================================
   DROPDOWN RTL
   ============================================ */
[dir="rtl"] .dropdown-menu {
  left: auto;
  right: 0;
}

[dir="rtl"] .dropdown-item {
  flex-direction: row-reverse;
  text-align: right;
}

/* ============================================
   TABS RTL
   ============================================ */
[dir="rtl"] .tabs {
  flex-direction: row-reverse;
}

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

/* ============================================
   ALERTS RTL
   ============================================ */
[dir="rtl"] .alert {
  flex-direction: row-reverse;
  text-align: right;
}

/* ============================================
   COPY TOAST RTL
   ============================================ */
[dir="rtl"] .copy-toast {
  right: auto;
  left: 2rem;
  flex-direction: row-reverse;
}

/* ============================================
   LANGUAGE SWITCH RTL
   ============================================ */
[dir="rtl"] .lang-switch {
  flex-direction: row-reverse;
  justify-content: flex-end;
}

[dir="rtl"] .lang-switch-btn {
  flex-direction: row-reverse;
}

/* ============================================
   BADGE RTL
   ============================================ */
[dir="rtl"] .badge {
  text-align: right;
}

/* ============================================
   TOOLTIP RTL
   ============================================ */
[dir="rtl"] .tooltip::after {
  left: auto;
  right: 50%;
  transform: translateX(50%);
}

/* ============================================
   SKELETON RTL
   ============================================ */
[dir="rtl"] .skeleton {
  text-align: right;
}

/* ============================================
   MODE SELECTOR RTL
   ============================================ */
[dir="rtl"] .mode-selector {
  direction: rtl;
}

/* ============================================
   SPINNER CARD RTL
   ============================================ */
[dir="rtl"] .spinner-card {
  text-align: right;
}

/* ============================================
   DONATE SECTION RTL
   ============================================ */
[dir="rtl"] .donate-card {
  text-align: right;
}

[dir="rtl"] .donate-buttons {
  flex-direction: row-reverse;
}

/* ============================================
   SECTION TITLE RTL
   ============================================ */
[dir="rtl"] .section-title {
  text-align: right;
}

[dir="rtl"] .section-title h2 {
  text-align: right;
}

[dir="rtl"] .section-title p {
  text-align: right;
}

/* ============================================
   BACK TO TOP RTL
   ============================================ */
[dir="rtl"] .back-to-top {
  right: auto;
  left: 2rem;
}

/* ============================================
   AD CONTAINERS RTL
   ============================================ */
[dir="rtl"] .ad-container {
  text-align: right;
}

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

/* ============================================
   LOADING SPINNER RTL
   ============================================ */
[dir="rtl"] .spinner-overlay {
  direction: rtl;
}

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

/* ============================================
   DARK MODE RTL
   ============================================ */
[data-theme="dark"][dir="rtl"] .nav-link {
  color: #94a3b8;
}

[data-theme="dark"][dir="rtl"] .nav-link:hover,
[data-theme="dark"][dir="rtl"] .nav-link.active {
  color: #60a5fa;
}

[data-theme="dark"][dir="rtl"] .language-option {
  text-align: right;
}

[data-theme="dark"][dir="rtl"] .footer-links {
  align-items: flex-end;
}

[data-theme="dark"][dir="rtl"] .form-group label {
  text-align: right;
}

[data-theme="dark"][dir="rtl"] .form-group input,
[data-theme="dark"][dir="rtl"] .form-group textarea,
[data-theme="dark"][dir="rtl"] .form-group select {
  text-align: right;
}

/* ============================================
   RTL UTILITY CLASSES
   ============================================ */
[dir="rtl"] .mr-auto {
  margin-right: 0;
  margin-left: auto;
}

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

[dir="rtl"] .pr-1 { padding-right: 0; padding-left: 0.5rem; }
[dir="rtl"] .pr-2 { padding-right: 0; padding-left: 1rem; }
[dir="rtl"] .pr-3 { padding-right: 0; padding-left: 1.5rem; }

[dir="rtl"] .pl-1 { padding-left: 0; padding-right: 0.5rem; }
[dir="rtl"] .pl-2 { padding-left: 0; padding-right: 1rem; }
[dir="rtl"] .pl-3 { padding-left: 0; padding-right: 1.5rem; }

/* ============================================
   SCROLLBAR RTL
   ============================================ */
[dir="rtl"] ::-webkit-scrollbar {
  direction: rtl;
}

/* ============================================
   ARABIC FONT SUPPORT
   ============================================ */
[dir="rtl"] body {
  font-family: 'Segoe UI', Tahoma, Arial, sans-serif;
}

/* ============================================
   RTL RESPONSIVE ADJUSTMENTS
   ============================================ */
@media (max-width: 768px) {
  [dir="rtl"] .nav-links {
    direction: rtl;
  }

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

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

  [dir="rtl"] .footer-grid {
    text-align: center;
  }

  [dir="rtl"] .footer-links {
    align-items: center;
  }

  [dir="rtl"] .cookie-consent-content {
    flex-direction: column;
  }

  [dir="rtl"] .cookie-consent-actions {
    justify-content: center;
  }

  [dir="rtl"] .copy-toast {
    left: 1rem;
    right: 1rem;
  }

  [dir="rtl"] .back-to-top {
    left: 1.25rem;
    right: auto;
  }
}

@media (max-width: 480px) {
  [dir="rtl"] .tip-card {
    flex-direction: column;
    text-align: center;
  }

  [dir="rtl"] .donate-buttons {
    flex-direction: column;
    align-items: center;
  }
}

/* ============================================
   PRINT RTL
   ============================================ */
@media print {
  [dir="rtl"] body {
    direction: rtl;
    text-align: right;
  }

  [dir="rtl"] blockquote {
    border-right: 2px solid #000000;
    border-left: none;
    padding-right: 1rem;
    padding-left: 0;
  }

  [dir="rtl"] .content-section ul,
  [dir="rtl"] .content-section ol {
    padding-right: 1.5rem;
    padding-left: 0;
  }
}