/*
 * Arabic uses RTL text without mirroring the product layout. Navigation,
 * grids, media controls and responsive breakpoints stay identical to every
 * other locale; only text and form input direction changes.
 */
html[dir="rtl"] body {
  direction: ltr;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  text-align: left;
  font-family: Tahoma, Arial, "Noto Sans Arabic", "PingFang SC", sans-serif;
}

/* Keep every structural component in the normal site order. */
html[dir="rtl"] .topbar,
html[dir="rtl"] .desktop-nav,
html[dir="rtl"] .bottom-nav,
html[dir="rtl"] .section-head,
html[dir="rtl"] .filter-chips,
html[dir="rtl"] .category-browser > summary,
html[dir="rtl"] .category-grid,
html[dir="rtl"] .drama-grid,
html[dir="rtl"] .watch-history-row,
html[dir="rtl"] .detail-hero,
html[dir="rtl"] .detail-meta,
html[dir="rtl"] .detail-tags,
html[dir="rtl"] .button-row,
html[dir="rtl"] .episode-list,
html[dir="rtl"] .page-hierarchy,
html[dir="rtl"] .record-top,
html[dir="rtl"] .modal-head,
html[dir="rtl"] .creator-dashboard-head,
html[dir="rtl"] .creator-subhead,
html[dir="rtl"] .creator-ledger-head,
html[dir="rtl"] .creator-wallet-title,
html[dir="rtl"] .withdrawal-item {
  direction: ltr;
}

html[dir="rtl"] .topbar > *,
html[dir="rtl"] .section-head > *,
html[dir="rtl"] .record-top > *,
html[dir="rtl"] .creator-studio-hero > *,
html[dir="rtl"] .creator-dashboard > * {
  min-width: 0;
}

/* Arabic copy remains RTL inside the unchanged LTR component geometry. */
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] p,
html[dir="rtl"] .eyebrow,
html[dir="rtl"] .detail-copy,
html[dir="rtl"] .card-meta,
html[dir="rtl"] .category-link,
html[dir="rtl"] .empty,
html[dir="rtl"] .record,
html[dir="rtl"] .page-levels,
html[dir="rtl"] .protected-context,
html[dir="rtl"] .creator-workflow,
html[dir="rtl"] .creator-quick-actions,
html[dir="rtl"] .creator-episode-info,
html[dir="rtl"] .hg-caption,
html[dir="rtl"] .hg-subtitle,
html[dir="rtl"] .hg-drawer-panel {
  text-align: right;
  unicode-bidi: plaintext;
}

html[dir="rtl"] .detail-meta > *,
html[dir="rtl"] .detail-tags > *,
html[dir="rtl"] .episode-button,
html[dir="rtl"] .card-meta > * {
  unicode-bidi: isolate;
}

html[dir="rtl"] .detail-copy h1 {
  direction: rtl;
  text-align: start;
  unicode-bidi: isolate;
}

html[dir="rtl"] .episode-button {
  line-height: 1.35;
  text-align: center;
}

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

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

html[dir="rtl"] .searchbox input {
  padding-right: 14px;
  padding-left: 4px;
}

html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="number"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] .referral-link-row input,
html[dir="rtl"] .checksum-cell,
html[dir="rtl"] code,
html[dir="rtl"] pre,
html[dir="rtl"] .bidi-code,
html[dir="rtl"] .price,
html[dir="rtl"] .plan-price,
html[dir="rtl"] .balance strong,
html[dir="rtl"] .creator-wallet-title strong,
html[dir="rtl"] .creator-wallet-breakdown strong,
html[dir="rtl"] .creator-status-grid strong,
html[dir="rtl"] .episode-upload-progress-head span {
  direction: ltr;
  text-align: left;
  unicode-bidi: isolate;
}

html[dir="rtl"] .player-shell video,
html[dir="rtl"] .hg-video,
html[dir="rtl"] .hg-progress,
html[dir="rtl"] .hg-progress input,
html[dir="rtl"] .hg-progress small {
  direction: ltr;
}

html[dir="rtl"] .hg-language-list > button {
  text-align: right;
}

@media (max-width: 430px) {
  html[dir="rtl"] .topbar {
    padding-right: 9px;
    padding-left: 10px;
  }
}