/* ============================================
   YouTube Tools — Arabic RTL Overrides
   ============================================ */

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

html[dir="rtl"] body {
  font-family: 'Segoe UI', Tahoma, 'Noto Sans Arabic', 'Arabic Typesetting', Arial, sans-serif;
}

/* Back link arrow direction */
html[dir="rtl"] .back-link::before {
  content: "→ ";
  display: none;
}

html[dir="rtl"] .back-link {
  direction: rtl;
}

/* Form elements */
html[dir="rtl"] input[type="text"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] textarea,
html[dir="rtl"] select {
  text-align: right;
  direction: rtl;
}

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

/* Result items - keep LTR for technical content */
html[dir="rtl"] .result-text {
  text-align: right;
}

/* RTL specific adjustments for tip-jar */
html[dir="rtl"] .tip-jar {
  left: auto;
  right: 1.5rem;
}

/* Lists inside RTL content */
html[dir="rtl"] ul {
  padding-right: 1.5rem;
  padding-left: 0;
}

/* Badge text */
html[dir="rtl"] .badge,
html[dir="rtl"] .tag {
  letter-spacing: normal;
}

html[dir="rtl"] .privacy-badge {
  letter-spacing: normal;
}

html[dir="rtl"] .tool-count {
  letter-spacing: normal;
}

.page-footer {
  text-align: center;
  margin-top: 2.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--border);
  color: var(--muted);
  font-size: 0.8rem;
}

.page-footer a {
  color: var(--accent-light);
  text-decoration: none;
}

.page-footer a:hover { text-decoration: underline; }