@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');

/* Arkham Persian / RTL enhancement v3.
   Design goal: preserve the established Arkham visual identity and dimensions,
   while making Persian typography, spacing, directionality and mixed LTR data feel native. */
html[dir="rtl"] {
  font-family:"Vazirmatn",Tahoma,Arial,sans-serif;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}
html[dir="rtl"] body,
html[dir="rtl"] body input,
html[dir="rtl"] body button,
html[dir="rtl"] body select,
html[dir="rtl"] body textarea { font-family:"Vazirmatn",Tahoma,Arial,sans-serif; }
html[dir="rtl"] body { direction:rtl; text-align:right; line-height:2; overflow-x:hidden; }

html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] h4,
html[dir="rtl"] p,html[dir="rtl"] li,html[dir="rtl"] label,html[dir="rtl"] .lead,
html[dir="rtl"] .eyebrow,html[dir="rtl"] summary { unicode-bidi:plaintext; }

/* Stable Arkham header. Font sizing is unchanged; only spacing/direction are tuned. */
html[dir="rtl"] .arkham-shared-header .header-main,
html[dir="rtl"] .header-utilities,
html[dir="rtl"] .social-links,
html[dir="rtl"] .language-switcher { direction:ltr; }
html[dir="rtl"] .arkham-shared-header .main-nav { direction:rtl; }
html[dir="rtl"] .arkham-shared-header .main-nav { flex-wrap:nowrap; gap:3px; }
html[dir="rtl"] .arkham-shared-header .main-nav a { direction:rtl; text-align:center; }
html[dir="rtl"] .site-header .brand,html[dir="rtl"] .site-header .brand-text { direction:ltr; }
html[dir="rtl"] .header-utilities { align-items:flex-end; }
html[dir="rtl"] .language-switcher,
html[dir="rtl"] .language-current,
html[dir="rtl"] .language-menu,
html[dir="rtl"] .language-menu a { direction:ltr; }
html[dir="rtl"] .language-menu a { text-align:left; }

/* Make every main surface feel intentional in RTL. */
html[dir="rtl"] .shell,
html[dir="rtl"] .home-shell,
html[dir="rtl"] .cp-wrap,
html[dir="rtl"] .page-panel,
html[dir="rtl"] .content-panel,
html[dir="rtl"] .payment-card,
html[dir="rtl"] .store-card,
html[dir="rtl"] .store-hero,
html[dir="rtl"] .store-orders-teaser,
html[dir="rtl"] .account-card,
html[dir="rtl"] .ucp-login-card,
html[dir="rtl"] .order-card,
html[dir="rtl"] .cp-section,
html[dir="rtl"] .cp-hero,
html[dir="rtl"] .cp-callout,
html[dir="rtl"] .empty-card { direction:rtl; }

html[dir="rtl"] .cp-hero-row,
html[dir="rtl"] .cp-section-head,
html[dir="rtl"] .cp-grid,
html[dir="rtl"] .cp-news-grid,
html[dir="rtl"] .cp-recovery-grid,
html[dir="rtl"] .cp-rankings,
html[dir="rtl"] .account-layout,
html[dir="rtl"] .store-grid,
html[dir="rtl"] .catalog-grid,
html[dir="rtl"] .package-grid { direction:rtl; }

/* Typography: Persian works best with a little more vertical breathing room. */
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] h4 {
  line-height:1.42;
  overflow-wrap:anywhere;
  text-wrap:balance;
}
html[dir="rtl"] p,html[dir="rtl"] li,html[dir="rtl"] .lead,
html[dir="rtl"] .cp-card p,html[dir="rtl"] .cp-news-card p,
html[dir="rtl"] .cp-recovery-card p,html[dir="rtl"] .order-card-message,
html[dir="rtl"] .cart-payment-note { line-height:2.05; }
html[dir="rtl"] .eyebrow,html[dir="rtl"] .section-kicker,html[dir="rtl"] .cp-eyebrow { letter-spacing:.11em; }

/* Forms. */
html[dir="rtl"] input,html[dir="rtl"] textarea,html[dir="rtl"] select { direction:rtl; text-align:right; line-height:1.8; }
html[dir="rtl"] input::placeholder,html[dir="rtl"] textarea::placeholder { text-align:right; }
html[dir="rtl"] input[type="email"],html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[type="number"],html[dir="rtl"] input[name="username"],
html[dir="rtl"] input[name="player"],html[dir="rtl"] input[name="account"],
html[dir="rtl"] input[name="password"],html[dir="rtl"] input[name="csrf"],
html[dir="rtl"] input[dir="ltr"],html[dir="rtl"] textarea[dir="ltr"],
html[dir="rtl"] .ltr,html[dir="rtl"] [dir="ltr"] { direction:ltr; text-align:left; unicode-bidi:plaintext; }
html[dir="rtl"] button,html[dir="rtl"] .btn,html[dir="rtl"] .mini-btn { line-height:1.55; }

/* Tables / numeric information. */
html[dir="rtl"] table { direction:rtl; }
html[dir="rtl"] th,html[dir="rtl"] td { text-align:right; vertical-align:middle; }
html[dir="rtl"] .numeric,html[dir="rtl"] .order-number,html[dir="rtl"] .cart-count,
html[dir="rtl"] .price,html[dir="rtl"] .amount,html[dir="rtl"] .gold-amount,
html[dir="rtl"] .cp-rank-value { direction:ltr; text-align:left; unicode-bidi:plaintext; font-variant-numeric:tabular-nums; }
html[dir="rtl"] .cp-rank-bar { direction:ltr; }

/* Store / orders. */
html[dir="rtl"] .order-card-top,html[dir="rtl"] .order-card-body,html[dir="rtl"] .order-item-row,
html[dir="rtl"] .order-badges,html[dir="rtl"] .cart-package-payment,
html[dir="rtl"] .cart-gateway-card,html[dir="rtl"] .payment-summary,
html[dir="rtl"] .plan-actions,html[dir="rtl"] .store-actions { direction:rtl; }
html[dir="rtl"] .order-badges { justify-content:flex-start; }
html[dir="rtl"] .order-value,html[dir="rtl"] .order-meta,
html[dir="rtl"] .store-price,html[dir="rtl"] .payment-amount { direction:ltr; unicode-bidi:plaintext; }

/* Community. */
html[dir="rtl"] .category-tabs,html[dir="rtl"] .thread-list,
html[dir="rtl"] .thread-row,html[dir="rtl"] .thread-stats,
html[dir="rtl"] .quick-links a,html[dir="rtl"] .report-line,
html[dir="rtl"] .post-head { direction:rtl; }
html[dir="rtl"] .thread-meta,html[dir="rtl"] .post-author { unicode-bidi:plaintext; }
html[dir="rtl"] textarea[name="body"],html[dir="rtl"] textarea[name="reason"] { text-align:right; }

/* FAQ / Rules / Content pages. */
html[dir="rtl"] .cp-accordion details,
html[dir="rtl"] .cp-accordion summary,
html[dir="rtl"] .cp-rule-nav,
html[dir="rtl"] .cp-rule-content,
html[dir="rtl"] .cp-tabs,
html[dir="rtl"] .cp-anchor-nav { direction:rtl; }
html[dir="rtl"] .cp-rule-nav { border-right:0; border-left:1px solid rgba(255,255,255,.06); }
html[dir="rtl"] .cp-rule-nav a { text-align:right; }

/* Navigation and social presentation remain crisp; flags keep their existing dimensions. */
html[dir="rtl"] .language-current-flags img,html[dir="rtl"] .language-option-flags img { flex:0 0 auto; }
html[dir="rtl"] .social-links,html[dir="rtl"] .social-links img,
html[dir="rtl"] .social-links .social-official-logo { direction:ltr; }

/* Better wrapping for Persian without changing component font sizes. */
html[dir="rtl"] .cp-card,html[dir="rtl"] .cp-news-card,html[dir="rtl"] .cp-recovery-card,
html[dir="rtl"] .dashboard-section-card,html[dir="rtl"] .dashboard-quick-card,
html[dir="rtl"] .dashboard-skin-card,html[dir="rtl"] .product-card,
html[dir="rtl"] .catalog-item { overflow-wrap:anywhere; }

html[dir="rtl"] a { text-underline-offset:3px; }
html[dir="rtl"] ::selection { background:rgba(85,218,255,.22); color:#fff; }
html[dir="rtl"] :focus-visible { outline:2px solid rgba(85,218,255,.72); outline-offset:2px; }

/* Preserve compact single-row desktop navigation while allowing the rest of the site to breathe. */
@media (min-width:901px) {
  html[dir="rtl"] .site-header { gap:12px; }
  html[dir="rtl"] .header-main { gap:12px; }
  html[dir="rtl"] .main-nav a { padding-left:6px; padding-right:6px; }
}

@media (max-width:900px) {
  html[dir="rtl"] .arkham-shared-header .main-nav { flex-wrap:wrap; }
  html[dir="rtl"] .cp-hero-row { align-items:stretch; }
  html[dir="rtl"] .cp-rule-nav { border-left:0; border-bottom:1px solid rgba(255,255,255,.06); }
}


/* Persian v4 polish: visual consistency, native RTL spacing, and resilient mixed-direction UI. */
html[dir="rtl"] body { letter-spacing:0; word-spacing:.02em; }
html[dir="rtl"] .site-header,
html[dir="rtl"] .page-panel,
html[dir="rtl"] .content-panel,
html[dir="rtl"] .cp-card,
html[dir="rtl"] .cp-news-card,
html[dir="rtl"] .cp-recovery-card,
html[dir="rtl"] .order-card,
html[dir="rtl"] .store-card,
html[dir="rtl"] .account-card { text-wrap:pretty; }
html[dir="rtl"] .site-header .brand-text { white-space:nowrap; }
html[dir="rtl"] .main-nav a { white-space:nowrap; }
html[dir="rtl"] .language-current,
html[dir="rtl"] .language-menu a { white-space:nowrap; }

html[dir="rtl"] blockquote,
html[dir="rtl"] pre,
html[dir="rtl"] code,
html[dir="rtl"] .code,
html[dir="rtl"] .technical-value { direction:ltr; text-align:left; unicode-bidi:plaintext; }
html[dir="rtl"] pre { max-width:100%; overflow:auto; border-radius:14px; }
html[dir="rtl"] .technical-value,
html[dir="rtl"] .mono,
html[dir="rtl"] .ip-address,
html[dir="rtl"] .email-address,
html[dir="rtl"] .url-value { font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }

html[dir="rtl"] .alert,
html[dir="rtl"] .notice,
html[dir="rtl"] .flash,
html[dir="rtl"] .message,
html[dir="rtl"] .status-message,
html[dir="rtl"] .error-message,
html[dir="rtl"] .success-message { line-height:1.9; overflow-wrap:anywhere; }
html[dir="rtl"] .badge,
html[dir="rtl"] .pill,
html[dir="rtl"] .status-badge { white-space:normal; text-align:center; }

html[dir="rtl"] th { white-space:normal; }
html[dir="rtl"] td { overflow-wrap:anywhere; }
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea { box-sizing:border-box; min-width:0; }
html[dir="rtl"] form { min-width:0; }
html[dir="rtl"] label { overflow-wrap:anywhere; }

@media (min-width:1100px) {
  html[dir="rtl"] .arkham-shared-header .main-nav { gap:4px; }
  html[dir="rtl"] .arkham-shared-header .main-nav a { padding-inline:5px; }
}

@media (max-width:900px) {
  html[dir="rtl"] .header-main,
  html[dir="rtl"] .header-utilities { min-width:0; }
  html[dir="rtl"] .main-nav { row-gap:6px; }
  html[dir="rtl"] .main-nav a { white-space:normal; }
  html[dir="rtl"] .language-menu { max-width:calc(100vw - 24px); }
  html[dir="rtl"] .cp-grid,
  html[dir="rtl"] .cp-news-grid,
  html[dir="rtl"] .cp-recovery-grid,
  html[dir="rtl"] .account-layout,
  html[dir="rtl"] .store-grid,
  html[dir="rtl"] .catalog-grid,
  html[dir="rtl"] .package-grid { grid-template-columns:1fr; }
}

@media (max-width:560px) {
  html[dir="rtl"] body { line-height:1.9; }
  html[dir="rtl"] h1 { font-size:clamp(1.8rem,8vw,2.5rem); }
  html[dir="rtl"] h2 { font-size:clamp(1.35rem,6vw,2rem); }
  html[dir="rtl"] .cp-card,
  html[dir="rtl"] .cp-news-card,
  html[dir="rtl"] .cp-recovery-card,
  html[dir="rtl"] .order-card { min-width:0; }
}


/* =====================================================================
   Persian v5 — visual refinement pass
   Keeps Arkham sizing/identity intact while improving RTL hierarchy,
   readability, state contrast, and mobile resilience.
   ===================================================================== */
html[dir="rtl"] {
  --fa-accent: #63e6ff;
  --fa-accent-2: #8b5cf6;
  --fa-surface: rgba(10,18,30,.78);
  --fa-border: rgba(255,255,255,.09);
  --fa-muted: rgba(235,244,255,.68);
}
html[dir="rtl"] body {
  background-image:
    radial-gradient(circle at 12% 8%, rgba(99,230,255,.07), transparent 28%),
    radial-gradient(circle at 88% 18%, rgba(139,92,246,.055), transparent 30%);
}
html[dir="rtl"] .shell,
html[dir="rtl"] .home-shell {
  width: min(1280px, calc(100% - 32px));
  margin-inline:auto;
}
html[dir="rtl"] .page-panel,
html[dir="rtl"] .content-panel,
html[dir="rtl"] .account-card,
html[dir="rtl"] .order-card,
html[dir="rtl"] .store-card,
html[dir="rtl"] .payment-card,
html[dir="rtl"] .cp-card,
html[dir="rtl"] .cp-news-card,
html[dir="rtl"] .cp-recovery-card,
html[dir="rtl"] .dashboard-section-card,
html[dir="rtl"] .dashboard-skin-card,
html[dir="rtl"] .ucp-login-card,
html[dir="rtl"] .empty-card {
  border:1px solid var(--fa-border);
  box-shadow:0 18px 48px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.03);
  backdrop-filter:blur(14px);
}
html[dir="rtl"] .page-panel,
html[dir="rtl"] .content-panel,
html[dir="rtl"] .account-card,
html[dir="rtl"] .cp-card,
html[dir="rtl"] .cp-news-card,
html[dir="rtl"] .cp-recovery-card,
html[dir="rtl"] .order-card,
html[dir="rtl"] .store-card {
  position:relative;
  overflow:hidden;
}
html[dir="rtl"] .page-panel::before,
html[dir="rtl"] .content-panel::before,
html[dir="rtl"] .account-card::before,
html[dir="rtl"] .cp-card::before,
html[dir="rtl"] .cp-news-card::before,
html[dir="rtl"] .cp-recovery-card::before,
html[dir="rtl"] .order-card::before,
html[dir="rtl"] .store-card::before {
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:34%;
  height:2px;
  background:linear-gradient(90deg,var(--fa-accent),transparent);
  opacity:.75;
}
html[dir="rtl"] .eyebrow,
html[dir="rtl"] .section-kicker,
html[dir="rtl"] .cp-eyebrow {
  color:var(--fa-accent);
  font-weight:800;
  text-transform:none;
  letter-spacing:.04em;
}
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3 {
  text-wrap:balance;
}
html[dir="rtl"] .lead {
  color:var(--fa-muted);
  max-width:78ch;
}
html[dir="rtl"] .btn,
html[dir="rtl"] button,
html[dir="rtl"] .mini-btn {
  min-height:42px;
  border-radius:12px;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
html[dir="rtl"] .btn:hover,
html[dir="rtl"] button:hover,
html[dir="rtl"] .mini-btn:hover {
  transform:translateY(-1px);
}
html[dir="rtl"] .btn.primary:hover {
  box-shadow:0 10px 26px rgba(99,230,255,.14);
}
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
  border-radius:12px;
  border-color:rgba(255,255,255,.11);
  background:rgba(4,10,18,.72);
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
html[dir="rtl"] input:focus,
html[dir="rtl"] textarea:focus,
html[dir="rtl"] select:focus {
  border-color:rgba(99,230,255,.56);
  box-shadow:0 0 0 3px rgba(99,230,255,.09);
  background:rgba(6,14,25,.9);
}
html[dir="rtl"] .main-nav a {
  position:relative;
}
html[dir="rtl"] .main-nav a.nav-current::after {
  content:"";
  position:absolute;
  inset:auto 12% -4px 12%;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,var(--fa-accent),transparent);
}
html[dir="rtl"] .cart-icon-link {
  border-radius:999px;
  min-width:42px;
  min-height:42px;
}
html[dir="rtl"] .cart-icon-link img {
  filter:drop-shadow(0 5px 14px rgba(99,230,255,.18));
}
html[dir="rtl"] .language-current {
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 8px 24px rgba(0,0,0,.2);
}
html[dir="rtl"] .language-menu a[aria-current="true"] {
  background:rgba(99,230,255,.10);
  color:#fff;
}
html[dir="rtl"] .language-current-flags img,
html[dir="rtl"] .language-option-flags img {
  object-fit:cover;
  display:block;
}
html[dir="rtl"] .language-current-flags img:first-child,
html[dir="rtl"] .language-option-flags img:first-child {
  box-shadow:0 2px 8px rgba(0,0,0,.18);
}
html[dir="rtl"] table {
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
}
html[dir="rtl"] th {
  color:#fff;
  background:rgba(255,255,255,.035);
}
html[dir="rtl"] tr + tr td {
  border-top-color:rgba(255,255,255,.05);
}
html[dir="rtl"] .status-badge,
html[dir="rtl"] .pill,
html[dir="rtl"] .badge {
  border:1px solid rgba(255,255,255,.09);
  padding-inline:.65rem;
  border-radius:999px;
}
html[dir="rtl"] .cp-rule-nav a,
html[dir="rtl"] .cp-anchor-nav a,
html[dir="rtl"] .quick-links a,
html[dir="rtl"] .dashboard-list-row {
  transition:background .18s ease, transform .18s ease, border-color .18s ease;
}
html[dir="rtl"] .cp-rule-nav a:hover,
html[dir="rtl"] .cp-anchor-nav a:hover,
html[dir="rtl"] .quick-links a:hover,
html[dir="rtl"] .dashboard-list-row:hover {
  background:rgba(99,230,255,.055);
  transform:translateX(-2px);
}
html[dir="rtl"] .cp-accordion details,
html[dir="rtl"] details {
  border:1px solid rgba(255,255,255,.07);
  border-radius:14px;
  background:rgba(255,255,255,.018);
  margin-block:10px;
  overflow:hidden;
}
html[dir="rtl"] details[open] {
  border-color:rgba(99,230,255,.18);
  background:rgba(99,230,255,.025);
}
html[dir="rtl"] details summary {
  cursor:pointer;
  padding:14px 16px;
  font-weight:800;
  list-style:none;
}
html[dir="rtl"] details summary::-webkit-details-marker { display:none; }
html[dir="rtl"] details summary::after {
  content:"＋";
  float:left;
  color:var(--fa-accent);
  font-size:1.05em;
}
html[dir="rtl"] details[open] summary::after { content:"−"; }
html[dir="rtl"] details > *:not(summary) {
  padding-inline:16px;
}
html[dir="rtl"] .notice,
html[dir="rtl"] .notice-success,
html[dir="rtl"] .notice-error,
html[dir="rtl"] .alert,
html[dir="rtl"] .flash,
html[dir="rtl"] .message,
html[dir="rtl"] .status-message,
html[dir="rtl"] .error-message,
html[dir="rtl"] .success-message {
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  padding:14px 16px;
}
html[dir="rtl"] .notice-success,
html[dir="rtl"] .success-message {
  background:rgba(48,205,120,.08);
  border-color:rgba(48,205,120,.25);
}
html[dir="rtl"] .notice-error,
html[dir="rtl"] .error-message {
  background:rgba(255,90,90,.08);
  border-color:rgba(255,90,90,.25);
}
html[dir="rtl"] .cp-rank-row {
  min-height:56px;
}
html[dir="rtl"] .cp-rank-bar {
  overflow:hidden;
  border-radius:999px;
}
html[dir="rtl"] .cp-rank-bar > span {
  border-radius:999px;
  background:linear-gradient(90deg,var(--fa-accent),var(--fa-accent-2));
}
html[dir="rtl"] .order-card,
html[dir="rtl"] .catalog-item,
html[dir="rtl"] .product-card {
  isolation:isolate;
}
html[dir="rtl"] .order-card:hover,
html[dir="rtl"] .catalog-item:hover,
html[dir="rtl"] .product-card:hover {
  border-color:rgba(99,230,255,.18);
}
html[dir="rtl"] .price,
html[dir="rtl"] .amount,
html[dir="rtl"] .gold-amount,
html[dir="rtl"] .order-value,
html[dir="rtl"] .payment-amount {
  font-variant-numeric:tabular-nums lining-nums;
  direction:ltr;
  unicode-bidi:isolate;
}
html[dir="rtl"] .ltr,
html[dir="rtl"] [dir="ltr"] {
  unicode-bidi:isolate;
}
html[dir="rtl"] .muted,
html[dir="rtl"] small {
  color:rgba(235,244,255,.64);
}
html[dir="rtl"] .empty,
html[dir="rtl"] .cp-empty,
html[dir="rtl"] .dashboard-empty {
  border:1px dashed rgba(255,255,255,.1);
  border-radius:14px;
  background:rgba(255,255,255,.015);
}

@media (min-width:901px) {
  html[dir="rtl"] .arkham-shared-header .main-nav {
    flex-wrap:nowrap;
    overflow:visible;
  }
  html[dir="rtl"] .arkham-shared-header .main-nav a {
    flex:0 0 auto;
  }
}

@media (max-width:900px) {
  html[dir="rtl"] .shell,
  html[dir="rtl"] .home-shell { width:min(100% - 20px, 760px); }
  html[dir="rtl"] .arkham-shared-header .main-nav {
    flex-wrap:wrap;
    justify-content:center;
  }
}

@media (max-width:560px) {
  html[dir="rtl"] .shell,
  html[dir="rtl"] .home-shell { width:calc(100% - 14px); }
  html[dir="rtl"] .page-panel,
  html[dir="rtl"] .content-panel,
  html[dir="rtl"] .account-card,
  html[dir="rtl"] .order-card,
  html[dir="rtl"] .store-card,
  html[dir="rtl"] .cp-card,
  html[dir="rtl"] .cp-news-card,
  html[dir="rtl"] .cp-recovery-card { border-radius:16px; }
  html[dir="rtl"] .main-nav a { padding-inline:7px; }
  html[dir="rtl"] .language-menu { width:min(220px, calc(100vw - 20px)); }
}


/* =====================================================================
   Persian v6 — language-quality and layout hardening
   Keeps the approved Arkham sizing while reducing accidental word breaks,
   protecting mixed-direction data, and improving small-screen cards/forms.
   ===================================================================== */
html[dir="rtl"] body {
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
  word-break:normal;
  overflow-wrap:break-word;
}
html[dir="rtl"] p,
html[dir="rtl"] li,
html[dir="rtl"] .lead,
html[dir="rtl"] .cp-card p,
html[dir="rtl"] .cp-news-card p,
html[dir="rtl"] .cp-recovery-card p,
html[dir="rtl"] .order-card-message,
html[dir="rtl"] .cart-payment-note {
  overflow-wrap:break-word;
  word-break:normal;
}
html[dir="rtl"] .technical-value,
html[dir="rtl"] .mono,
html[dir="rtl"] .ip-address,
html[dir="rtl"] .email-address,
html[dir="rtl"] .url-value,
html[dir="rtl"] .order-number,
html[dir="rtl"] .price,
html[dir="rtl"] .amount,
html[dir="rtl"] .gold-amount,
html[dir="rtl"] .payment-amount,
html[dir="rtl"] .order-value {
  word-break:break-all;
  overflow-wrap:anywhere;
  unicode-bidi:isolate;
}
html[dir="rtl"] .cp-hero p,
html[dir="rtl"] .cp-section-head p {
  max-width:82ch;
}
html[dir="rtl"] .cp-step p,
html[dir="rtl"] .cp-rule-content p,
html[dir="rtl"] .cp-accordion .answer,
html[dir="rtl"] .cp-recovery-card p {
  text-align:right;
}
html[dir="rtl"] .cp-badges,
html[dir="rtl"] .cp-tabs,
html[dir="rtl"] .category-tabs,
html[dir="rtl"] .store-actions,
html[dir="rtl"] .order-badges {
  direction:rtl;
}
html[dir="rtl"] .cp-badge,
html[dir="rtl"] .status-badge,
html[dir="rtl"] .pill,
html[dir="rtl"] .badge {
  line-height:1.45;
  min-height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
html[dir="rtl"] .cp-accordion summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
html[dir="rtl"] .cp-accordion details summary::after {
  float:none;
  flex:0 0 auto;
}
html[dir="rtl"] .table-wrap,
html[dir="rtl"] .order-list,
html[dir="rtl"] .cp-rankings {
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
html[dir="rtl"] table {
  min-width:100%;
}
html[dir="rtl"] .notice,
html[dir="rtl"] .notice-success,
html[dir="rtl"] .notice-error,
html[dir="rtl"] .alert,
html[dir="rtl"] .flash,
html[dir="rtl"] .message,
html[dir="rtl"] .status-message,
html[dir="rtl"] .error-message,
html[dir="rtl"] .success-message {
  unicode-bidi:plaintext;
}
html[dir="rtl"] .cp-card h3,
html[dir="rtl"] .cp-news-card h3,
html[dir="rtl"] .cp-recovery-card h3,
html[dir="rtl"] .order-card h3,
html[dir="rtl"] .product-card h3 {
  overflow-wrap:break-word;
  word-break:normal;
}
html[dir="rtl"] select option {
  direction:rtl;
  text-align:right;
}
html[dir="rtl"] input[name="email"],
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[name="username"],
html[dir="rtl"] input[name="player"],
html[dir="rtl"] input[name="account"] {
  unicode-bidi:isolate;
}

@media (min-width:901px) {
  html[dir="rtl"] .arkham-shared-header .main-nav {
    flex-wrap:nowrap;
    white-space:nowrap;
    overflow:visible;
  }
  html[dir="rtl"] .arkham-shared-header .main-nav a {
    min-width:max-content;
  }
}

@media (max-width:900px) {
  html[dir="rtl"] .cp-hero-row,
  html[dir="rtl"] .cp-section-head,
  html[dir="rtl"] .account-layout,
  html[dir="rtl"] .store-grid,
  html[dir="rtl"] .catalog-grid,
  html[dir="rtl"] .package-grid {
    min-width:0;
  }
  html[dir="rtl"] .cp-news-card,
  html[dir="rtl"] .cp-card,
  html[dir="rtl"] .cp-recovery-card,
  html[dir="rtl"] .order-card,
  html[dir="rtl"] .store-card {
    min-width:0;
  }
}

/* =====================================================================
   Persian v7 — precision stability pass
   The approved 13-header wording/layout is intentionally untouched.
   These rules focus on visual consistency, RTL resilience and long-copy fit.
   ===================================================================== */
html[dir="rtl"] {
  --fa-glass-top: rgba(255,255,255,.045);
  --fa-glass-bottom: rgba(255,255,255,.018);
  --fa-focus: rgba(99,230,255,.78);
}

html[dir="rtl"] body {
  text-wrap:pretty;
  scrollbar-color: rgba(255,255,255,.22) transparent;
  scrollbar-width:thin;
}

html[dir="rtl"] .page-title,
html[dir="rtl"] .page-heading,
html[dir="rtl"] .hero-title,
html[dir="rtl"] .cp-hero h1,
html[dir="rtl"] .cp-section h2,
html[dir="rtl"] .section-title {
  text-wrap:balance;
  margin-block:0 .55em;
}

/* Persian cards/panels get a subtle depth layer without changing their geometry. */
html[dir="rtl"] .page-panel,
html[dir="rtl"] .content-panel,
html[dir="rtl"] .account-card,
html[dir="rtl"] .order-card,
html[dir="rtl"] .store-card,
html[dir="rtl"] .payment-card,
html[dir="rtl"] .cp-card,
html[dir="rtl"] .cp-news-card,
html[dir="rtl"] .cp-recovery-card,
html[dir="rtl"] .dashboard-section-card,
html[dir="rtl"] .dashboard-quick-card,
html[dir="rtl"] .dashboard-skin-card,
html[dir="rtl"] .empty-card {
  background-image:linear-gradient(180deg,var(--fa-glass-top),var(--fa-glass-bottom));
}

/* Avoid clipped Persian labels inside flex/grid children. */
html[dir="rtl"] .page-panel > *,
html[dir="rtl"] .content-panel > *,
html[dir="rtl"] .account-card > *,
html[dir="rtl"] .order-card > *,
html[dir="rtl"] .store-card > *,
html[dir="rtl"] .cp-card > *,
html[dir="rtl"] .cp-news-card > *,
html[dir="rtl"] .cp-recovery-card > * {
  min-width:0;
}

html[dir="rtl"] .btn,
html[dir="rtl"] button,
html[dir="rtl"] .mini-btn,
html[dir="rtl"] .quick-action,
html[dir="rtl"] .nav-action {
  overflow-wrap:anywhere;
  text-wrap:pretty;
}

/* Persian labels inside badges/pills should never force horizontal overflow. */
html[dir="rtl"] .badge,
html[dir="rtl"] .pill,
html[dir="rtl"] .status-badge,
html[dir="rtl"] .cp-badge {
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
}

/* Tables remain readable without changing their desktop widths. */
html[dir="rtl"] .table-wrap,
html[dir="rtl"] .table-responsive,
html[dir="rtl"] .order-list,
html[dir="rtl"] .cp-rankings {
  border-radius:16px;
  scrollbar-width:thin;
}
html[dir="rtl"] th,
html[dir="rtl"] td {
  overflow-wrap:anywhere;
}

/* Correct direction for breadcrumbs/chips containing English page names and numbers. */
html[dir="rtl"] .breadcrumbs,
html[dir="rtl"] .breadcrumb,
html[dir="rtl"] .chip-row,
html[dir="rtl"] .meta-row {
  direction:rtl;
}
html[dir="rtl"] .breadcrumbs .ltr,
html[dir="rtl"] .breadcrumb .ltr,
html[dir="rtl"] .meta-row .ltr {
  direction:ltr;
  unicode-bidi:isolate;
}

/* Form controls: no accidental text clipping in Persian placeholders. */
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea {
  max-width:100%;
  overflow-wrap:anywhere;
}
html[dir="rtl"] textarea { resize:vertical; }
html[dir="rtl"] input:focus-visible,
html[dir="rtl"] select:focus-visible,
html[dir="rtl"] textarea:focus-visible,
html[dir="rtl"] button:focus-visible,
html[dir="rtl"] a:focus-visible {
  outline:2px solid var(--fa-focus);
  outline-offset:3px;
}

/* FAQ/Rules: give long Persian answers enough breathing room. */
html[dir="rtl"] .cp-accordion .answer,
html[dir="rtl"] .cp-rule-content,
html[dir="rtl"] .cp-callout,
html[dir="rtl"] .callout,
html[dir="rtl"] .notice,
html[dir="rtl"] .alert,
html[dir="rtl"] .flash {
  text-align:right;
  overflow-wrap:anywhere;
  hyphens:none;
}

/* Order/store values keep their numeric direction while adjacent Persian remains RTL. */
html[dir="rtl"] .order-card-meta,
html[dir="rtl"] .payment-summary,
html[dir="rtl"] .store-meta,
html[dir="rtl"] .cart-summary-row {
  min-width:0;
}
html[dir="rtl"] .order-card-meta .value,
html[dir="rtl"] .payment-summary .amount,
html[dir="rtl"] .store-meta .amount,
html[dir="rtl"] .cart-summary-row .amount {
  direction:ltr;
  unicode-bidi:isolate;
  white-space:nowrap;
}

/* Community post bodies: preserve normal Persian reading order and keep long IDs safe. */
html[dir="rtl"] .post-body,
html[dir="rtl"] .thread-body,
html[dir="rtl"] .discussion-body {
  direction:rtl;
  text-align:right;
  overflow-wrap:anywhere;
}
html[dir="rtl"] .post-body code,
html[dir="rtl"] .thread-body code,
html[dir="rtl"] .discussion-body code {
  direction:ltr;
  unicode-bidi:isolate;
}

/* Mobile: never reduce the established header typography; let the rest reflow naturally. */
@media (max-width:900px) {
  html[dir="rtl"] .main-nav {
    overflow:visible;
  }
  html[dir="rtl"] .language-switcher {
    max-width:100%;
  }
  html[dir="rtl"] .language-menu {
    z-index:9999;
  }
  html[dir="rtl"] .cp-section-head,
  html[dir="rtl"] .order-card-top,
  html[dir="rtl"] .store-card-head {
    align-items:flex-start;
  }
}

@media (max-width:560px) {
  html[dir="rtl"] body { line-height:1.95; }
  html[dir="rtl"] p,
  html[dir="rtl"] li,
  html[dir="rtl"] .lead { line-height:2.08; }
  html[dir="rtl"] .page-panel,
  html[dir="rtl"] .content-panel,
  html[dir="rtl"] .cp-card,
  html[dir="rtl"] .cp-news-card,
  html[dir="rtl"] .cp-recovery-card,
  html[dir="rtl"] .order-card,
  html[dir="rtl"] .store-card { border-radius:16px; }
}


/* Persian v8 — restore the approved right-to-left header navigation order.
   The navigation markup is intentionally kept unchanged; direction controls visual flow. */
html[dir="rtl"] .arkham-shared-header .main-nav {
  display:flex;
  direction:rtl;
  flex-direction:row;
  justify-content:flex-start;
  unicode-bidi:normal;
}
html[dir="rtl"] .arkham-shared-header .main-nav > a {
  direction:rtl;
  unicode-bidi:isolate;
  text-align:center;
  flex:0 0 auto;
}


/* Persian v9 — final RTL resilience pass. */
html[dir="rtl"] .arkham-shared-header .main-nav > a {
  writing-mode:horizontal-tb;
  white-space:nowrap;
}
@media (max-width:900px) {
  html[dir="rtl"] .arkham-shared-header .main-nav > a {
    white-space:normal;
  }
}
html[dir="rtl"] .language-current,
html[dir="rtl"] .language-option {
  unicode-bidi:isolate;
}
html[dir="rtl"] .numeric,
html[dir="rtl"] .cart-count,
html[dir="rtl"] .price,
html[dir="rtl"] .amount,
html[dir="rtl"] .gold-amount {
  unicode-bidi:isolate;
}


/* ========================================================================
   Persian v10 — homepage role-card separation and final RTL hardening
   English card CSS is intentionally untouched. These rules apply only when
   the document is Persian (html[dir="rtl"]).
   ======================================================================== */

/* Header: keep the menu truly RTL and prevent the old scroll-based layout
   from becoming a visual LTR strip. The inline guard in site_header.php is
   the runtime fallback for cached/older CSS. */
html[dir="rtl"] .arkham-shared-header .arkham-persian-nav {
  direction:rtl !important;
  flex-direction:row !important;
  justify-content:flex-start !important;
  writing-mode:horizontal-tb !important;
  unicode-bidi:isolate !important;
  overflow-x:visible !important;
  overflow-y:visible !important;
}
html[dir="rtl"] .arkham-shared-header .arkham-persian-nav > a {
  direction:rtl !important;
  text-align:center;
  writing-mode:horizontal-tb !important;
  unicode-bidi:isolate !important;
}

/* Persian homepage cards: separate the artwork stage from the Persian text
   panel. This keeps the complete artwork visible instead of putting a glass
   text box over the bottom of the image. */
html[dir="rtl"] .arkham-home .role-grid {
  align-items:stretch;
}
html[dir="rtl"] .arkham-home .role-card {
  min-height:520px;
  background-image:none !important;
  background-color:#071018;
  display:block;
}
html[dir="rtl"] .arkham-home .role-card::before {
  inset:8px 8px auto 8px;
  height:58%;
  border:0;
  border-radius:8px;
  background-image:var(--role-image) !important;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center top;
  background-color:transparent;
  opacity:1;
  transform:none !important;
  z-index:0;
}
html[dir="rtl"] .arkham-home .role-card::after {
  left:10%;
  right:10%;
  top:0;
  bottom:auto;
  height:2px;
  z-index:6;
}
html[dir="rtl"] .arkham-home .role-card:hover::before {
  transform:none !important;
  filter:none;
}
html[dir="rtl"] .arkham-home .role-overlay {
  inset:0 0 auto 0;
  height:60%;
  background:linear-gradient(180deg,rgba(2,6,10,.02) 0%,rgba(2,6,10,.02) 70%,rgba(2,6,10,.18) 100%);
  z-index:1;
  pointer-events:none;
}
html[dir="rtl"] .arkham-home .role-letter {
  top:16px;
  left:14px;
  transform:none;
  font-size:60px;
  line-height:.82;
  z-index:3;
  opacity:.72;
}
html[dir="rtl"] .arkham-home .role-content {
  position:absolute;
  left:10px;
  right:10px;
  bottom:10px;
  inset:auto 10px 10px 10px;
  min-height:34%;
  box-sizing:border-box;
  padding:15px 15px 14px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:linear-gradient(180deg,rgba(7,13,21,.97),rgba(4,9,15,.99));
  border:1px solid rgba(139,234,255,.20);
  border-radius:10px;
  box-shadow:0 12px 30px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(7px);
  z-index:4;
  text-align:right;
  overflow:hidden;
}
html[dir="rtl"] .arkham-home .role-content::before {
  content:"";
  position:absolute;
  top:0;
  right:12px;
  left:12px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(139,234,255,.55),transparent);
  pointer-events:none;
}
html[dir="rtl"] .arkham-home .role-meta {
  font-size:10px;
  line-height:1.55;
  letter-spacing:.08em;
  overflow-wrap:anywhere;
}
html[dir="rtl"] .arkham-home .role-content h3 {
  margin:6px 0 6px;
  font-size:21px;
  line-height:1.5;
  overflow-wrap:anywhere;
}
html[dir="rtl"] .arkham-home .role-content p {
  margin:0;
  font-size:12px;
  line-height:1.95;
  color:#c5d0da;
  overflow-wrap:anywhere;
}

/* The family/clan card has two independent artworks; give each its own
   non-overlapping Persian artwork stage. */
html[dir="rtl"] .arkham-home .role-card.role-clan {
  position:relative;
  background-color:#071018;
}
html[dir="rtl"] .arkham-home .role-card.role-clan .clan-half {
  top:8px;
  bottom:auto;
  height:58%;
  width:50%;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center top;
  z-index:0;
}
html[dir="rtl"] .arkham-home .role-card.role-clan .clan-batgirl { left:0; }
html[dir="rtl"] .arkham-home .role-card.role-clan .clan-arkham-knight { right:0; }
html[dir="rtl"] .arkham-home .role-card.role-clan::before {
  background-image:none !important;
  background:transparent !important;
}
html[dir="rtl"] .arkham-home .role-card.role-clan .role-overlay {
  height:60%;
  background:linear-gradient(180deg,transparent 0%,rgba(2,6,10,.16) 100%);
}

/* Prevent long Persian headlines/descriptions from ever escaping the card
   panel at narrow widths. */
@media (max-width:900px) {
  html[dir="rtl"] .arkham-home .role-card {
    min-height:500px;
  }
  html[dir="rtl"] .arkham-home .role-card::before,
  html[dir="rtl"] .arkham-home .role-card.role-clan .clan-half {
    height:56%;
  }
  html[dir="rtl"] .arkham-home .role-content {
    min-height:37%;
  }
}
@media (max-width:560px) {
  html[dir="rtl"] .arkham-home .role-card {
    min-height:480px;
  }
  html[dir="rtl"] .arkham-home .role-card::before,
  html[dir="rtl"] .arkham-home .role-card.role-clan .clan-half {
    height:54%;
  }
  html[dir="rtl"] .arkham-home .role-content {
    min-height:40%;
    padding:13px 13px 12px;
  }
  html[dir="rtl"] .arkham-home .role-content h3 {
    font-size:20px;
  }
  html[dir="rtl"] .arkham-home .role-content p {
    font-size:11.5px;
    line-height:1.9;
  }
}

/* Persian page-level stability: preserve long Arabic/Persian words, links and
   form controls without introducing horizontal page overflow. */
html[dir="rtl"] .page-panel,
html[dir="rtl"] .cp-section,
html[dir="rtl"] .cp-hero,
html[dir="rtl"] .account-card,
html[dir="rtl"] .order-card,
html[dir="rtl"] .store-card,
html[dir="rtl"] .payment-card,
html[dir="rtl"] .dashboard-section-card {
  min-width:0;
  overflow-wrap:anywhere;
}
html[dir="rtl"] button,
html[dir="rtl"] .btn,
html[dir="rtl"] a {
  overflow-wrap:anywhere;
}
html[dir="rtl"] .main-nav a {
  overflow-wrap:normal;
}

/* Keep dates, IDs, IPs, prices and payment/reference values visually stable
   when Persian text surrounds them. */
html[dir="rtl"] time,
html[dir="rtl"] .order-id,
html[dir="rtl"] .reference,
html[dir="rtl"] .server-address,
html[dir="rtl"] .ip-address,
html[dir="rtl"] .money,
html[dir="rtl"] .currency-value {
  direction:ltr;
  unicode-bidi:isolate;
}


/* ========================================================================
   Persian v11 — card artwork fidelity, login keyboard direction, and header
   placement. English presentation is intentionally untouched.
   ======================================================================== */

/* Persian header: the home brand and navigation form one RTL row. */
html[dir="rtl"] .arkham-shared-header .header-main {
  direction: rtl !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  align-items: center;
}
html[dir="rtl"] .arkham-shared-header .home-brand {
  direction: rtl !important;
  flex: 0 0 auto;
  order: 0;
}
html[dir="rtl"] .arkham-shared-header .home-brand .brand-mark {
  order: 0;
}
html[dir="rtl"] .arkham-shared-header .home-brand .brand-text {
  order: 1;
  direction: rtl !important;
  text-align: right;
}
html[dir="rtl"] .arkham-shared-header .arkham-persian-nav {
  direction: rtl !important;
  flex-direction: row !important;
  order: 1;
  margin-inline-start: 0;
}

/* Passwords are always entered as Latin credentials, even on the RTL page. */
html[dir="rtl"] .ucp-login-form input[type="password"],
html[dir="rtl"] .ucp-login-form input[name="password"] {
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: plaintext !important;
  writing-mode: horizontal-tb !important;
  ime-mode: auto;
  font-family: Tahoma, Arial, sans-serif !important;
  letter-spacing: .02em;
}

/* Persian cards: restore the exact English card geometry and full-size artwork
   rendering. The v10 `contain` treatment is deliberately overridden because it
   visually reduced the images. */
html[dir="rtl"] .arkham-home .role-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 15px;
  align-items: stretch;
}
html[dir="rtl"] .arkham-home .role-card {
  min-height: 500px;
  height: 500px;
  overflow: hidden;
  background-image: var(--role-image) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
  background-color: #0b1118 !important;
  image-rendering: auto;
  display: block;
}
html[dir="rtl"] .arkham-home .role-card::before {
  inset: 7px !important;
  height: auto !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 7px !important;
  background: transparent !important;
  z-index: 5 !important;
  opacity: 1 !important;
}
html[dir="rtl"] .arkham-home .role-card::after {
  left: 10% !important;
  right: 10% !important;
  top: 0 !important;
  bottom: auto !important;
  height: 2px !important;
  z-index: 7 !important;
}
html[dir="rtl"] .arkham-home .role-card .role-overlay {
  inset: 0 !important;
  height: auto !important;
  background:
    linear-gradient(180deg, rgba(2,6,10,.10) 0%, rgba(3,7,12,.12) 40%, rgba(3,7,12,.42) 64%, rgba(3,7,12,.96) 100%),
    linear-gradient(90deg, rgba(3,7,12,.18), transparent 45%, rgba(3,7,12,.16));
  z-index: 1 !important;
}
html[dir="rtl"] .arkham-home .role-card .role-letter {
  top: 24px !important;
  left: 14px !important;
  z-index: 3 !important;
  font-size: 72px !important;
}
html[dir="rtl"] .arkham-home .role-card .role-content {
  left: 10px !important;
  right: 10px !important;
  bottom: 10px !important;
  min-height: 34% !important;
  box-sizing: border-box;
  padding: 14px 15px 13px !important;
  background: linear-gradient(180deg, rgba(7,13,21,.985), rgba(4,9,15,.995)) !important;
  border: 1px solid rgba(139,234,255,.20);
  border-radius: 10px;
  box-shadow: 0 12px 30px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter: blur(5px);
  z-index: 6 !important;
  text-align: right;
  overflow: hidden;
}

/* Family/clan artwork: same size and cover behavior as the English card. */
html[dir="rtl"] .arkham-home .role-card.role-clan .clan-half {
  top: 0 !important;
  bottom: 0 !important;
  height: auto !important;
  width: 56% !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
  z-index: 0 !important;
}
html[dir="rtl"] .arkham-home .role-card.role-clan .clan-batgirl { left: 0 !important; }
html[dir="rtl"] .arkham-home .role-card.role-clan .clan-arkham-knight { right: 0 !important; }
html[dir="rtl"] .arkham-home .role-card.role-clan .role-overlay {
  height: auto !important;
}

/* Match the English responsive card sizes rather than shrinking Persian art. */
@media (max-width: 1280px) {
  html[dir="rtl"] .arkham-home .role-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  html[dir="rtl"] .arkham-home .role-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[dir="rtl"] .arkham-home .role-card {
    height: auto;
    min-height: 500px;
  }
}
@media (max-width: 620px) {
  html[dir="rtl"] .arkham-home .role-grid { grid-template-columns: 1fr; }
  html[dir="rtl"] .arkham-home .role-card {
    min-height: 430px;
    height: 430px;
  }
}


/* ========================================================================
   Persian v12 — final visual fidelity / login / header correction.
   English card CSS and English page presentation remain untouched.
   ======================================================================== */

html[dir="rtl"] body.arkham-home .home-shell {
  width:auto !important;
  max-width:1440px !important;
  margin:0 auto !important;
  padding:0 28px !important;
  box-sizing:border-box;
}

html[dir="rtl"] body.arkham-home .role-grid {
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:15px !important;
  padding:14px 8px 20px !important;
  overflow:visible !important;
  direction:ltr !important;
}

/* Restore the English card visual architecture. */
html[dir="rtl"] body.arkham-home .role-card {
  min-height:500px !important;
  height:auto !important;
  position:relative !important;
  overflow:hidden !important;
  background:#080f17 !important;
  background-image:none !important;
  display:block !important;
  image-rendering:auto !important;
}
html[dir="rtl"] body.arkham-home .role-card .role-art {
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  overflow:hidden !important;
  background:#080f17 !important;
}
html[dir="rtl"] body.arkham-home .role-card .role-art-backdrop {
  position:absolute !important;
  inset:-30px !important;
  background-image:var(--role-image) !important;
  background-size:cover !important;
  background-position:center !important;
  filter:blur(19px) saturate(.78) brightness(.54) !important;
  transform:scale(1.08) !important;
  opacity:.72 !important;
}
html[dir="rtl"] body.arkham-home .role-card .role-art-image {
  position:absolute !important;
  inset:16px 10px 118px !important;
  width:calc(100% - 20px) !important;
  height:calc(100% - 134px) !important;
  display:block !important;
  object-fit:contain !important;
  object-position:center !important;
  filter:drop-shadow(0 20px 24px rgba(0,0,0,.44)) !important;
  z-index:1 !important;
  image-rendering:auto !important;
}
html[dir="rtl"] body.arkham-home .role-card .role-art::after {
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(180deg,rgba(3,7,12,.18) 0%,rgba(3,7,12,.04) 34%,rgba(3,7,12,.28) 63%,rgba(3,7,12,.82) 100%),
    linear-gradient(90deg,rgba(3,7,12,.24),transparent 42%,rgba(3,7,12,.14)) !important;
  z-index:2 !important;
  pointer-events:none !important;
}
html[dir="rtl"] body.arkham-home .role-card .role-overlay {
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(180deg,rgba(2,6,10,.08) 0%,rgba(3,7,12,.02) 30%,rgba(3,7,12,.10) 58%,rgba(3,7,12,.28) 100%) !important;
  z-index:3 !important;
  pointer-events:none !important;
}
html[dir="rtl"] body.arkham-home .role-card .role-letter {
  top:24px !important;
  left:50% !important;
  transform:translateX(-50%) skewY(-1deg) !important;
  z-index:5 !important;
  font-size:clamp(72px,6.2vw,104px) !important;
}

/* The Persian panel is fully opaque and occupies the same lower region the
   English card already reserves for its text. This prevents any artwork from
   appearing behind Persian glyphs while retaining the English art scale. */
html[dir="rtl"] body.arkham-home .role-card .role-content {
  position:absolute !important;
  left:14px !important;
  right:14px !important;
  bottom:14px !important;
  width:auto !important;
  height:118px !important;
  min-height:118px !important;
  box-sizing:border-box !important;
  z-index:6 !important;
  padding:13px 14px 12px !important;
  border:1px solid rgba(170,211,230,.17) !important;
  border-radius:9px !important;
  background:linear-gradient(180deg,rgba(5,10,15,.98),rgba(5,10,15,1)) !important;
  backdrop-filter:none !important;
  box-shadow:0 12px 25px rgba(0,0,0,.32) !important;
  direction:rtl !important;
  text-align:right !important;
  overflow:hidden !important;
}
html[dir="rtl"] body.arkham-home .role-card .role-meta {
  font-size:10px !important;
  line-height:1.35 !important;
  letter-spacing:.05em !important;
}
html[dir="rtl"] body.arkham-home .role-card .role-content h3 {
  margin:4px 0 4px !important;
  font-size:19px !important;
  line-height:1.22 !important;
}
html[dir="rtl"] body.arkham-home .role-card .role-content p {
  margin:0 !important;
  font-size:10.5px !important;
  line-height:1.45 !important;
  color:#b3c0cc !important;
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:3 !important;
  overflow:hidden !important;
}

/* White credential boxes on Persian Account Login. */
html[dir="rtl"] .ucp-login-form .ucp-login-input {
  width:100% !important;
  box-sizing:border-box !important;
  min-height:46px !important;
  background:#fff !important;
  color:#121820 !important;
  border:1px solid #cbd5df !important;
  border-radius:9px !important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.06) !important;
  color-scheme:light !important;
  opacity:1 !important;
}
html[dir="rtl"] .ucp-login-form .ucp-login-input::placeholder {
  color:#7b8794 !important;
  opacity:1 !important;
}
html[dir="rtl"] .ucp-login-form .ucp-login-input:focus {
  background:#fff !important;
  color:#121820 !important;
  border-color:#ff5b5b !important;
  box-shadow:0 0 0 3px rgba(255,70,70,.12) !important;
  outline:none !important;
}
html[dir="rtl"] .ucp-login-form .ucp-username,
html[dir="rtl"] .ucp-login-form .ucp-password {
  direction:ltr !important;
  text-align:left !important;
  unicode-bidi:isolate !important;
  writing-mode:horizontal-tb !important;
  font-family:Tahoma,Arial,sans-serif !important;
  letter-spacing:.02em !important;
}

/* Persian header: A + صفحه اصلی آرکهام on the far right, directly beside the
   Persian navigation/login group. */
html[dir="rtl"] .arkham-shared-header .header-main {
  direction:ltr !important;
  flex-direction:row-reverse !important;
  justify-content:flex-start !important;
  align-items:center !important;
  gap:8px !important;
}
html[dir="rtl"] .arkham-shared-header .home-brand {
  order:0 !important;
  direction:rtl !important;
  flex:0 0 auto !important;
  margin:0 !important;
}
html[dir="rtl"] .arkham-shared-header .home-brand .brand-mark {
  order:0 !important;
  flex:0 0 auto !important;
}
html[dir="rtl"] .arkham-shared-header .home-brand .brand-text {
  order:1 !important;
  direction:rtl !important;
  text-align:right !important;
  white-space:nowrap !important;
}
html[dir="rtl"] .arkham-shared-header .arkham-persian-nav {
  order:1 !important;
  direction:rtl !important;
  flex-direction:row !important;
  margin:0 !important;
}
html[dir="rtl"] .arkham-shared-header .arkham-persian-nav > a {
  direction:rtl !important;
  writing-mode:horizontal-tb !important;
}

@media (max-width:1280px) {
  html[dir="rtl"] body.arkham-home .role-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
}
@media (max-width:900px) {
  html[dir="rtl"] .arkham-shared-header .header-main {
    width:100%;
    direction:ltr !important;
    flex-direction:row-reverse !important;
    flex-wrap:wrap !important;
  }
  html[dir="rtl"] .arkham-shared-header .arkham-persian-nav {
    flex:1 1 auto !important;
    min-width:0 !important;
    flex-wrap:wrap !important;
  }
  html[dir="rtl"] body.arkham-home .role-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  html[dir="rtl"] body.arkham-home .role-card { min-height:500px !important; }
}
@media (max-width:620px) {
  html[dir="rtl"] body.arkham-home .home-shell { padding:0 15px !important; }
  html[dir="rtl"] body.arkham-home .role-grid { grid-template-columns:1fr !important; }
  html[dir="rtl"] body.arkham-home .role-card { min-height:430px !important; }
}