/* HotVoucher — چیدمان انگلیسی (چپ‌به‌راست)
   صفحه‌ها dir="rtl" را داخل خودشان دارند و CSS هم با [dir=rtl] به آن‌ها قلاب شده؛ پس به‌جای برداشتن آن صفت
   (که قاعده‌های چیدمان را خراب می‌کند) فقط جهت و تراز را در حالت انگلیسی برمی‌گردانیم. */
html[lang='en'] [dir='rtl'],
html[lang='en'] #hv-header,
html[lang='en'] #hv-footer,
html[lang='en'] .hv-nav,
html[lang='en'] .hv-sheet,
html[lang='en'] #toast,
html[lang='en'] #install,
html[lang='en'] #update,
html[lang='en'] .hv-offline { direction: ltr; }

/* تراز متن: هرچه در فارسی راست‌چین بوده در انگلیسی چپ‌چین می‌شود (استایل‌های inline با important بازنویسی می‌شوند) */
html[lang='en'] [style*='text-align:right'] { text-align: left !important; }
html[lang='en'] [style*='text-align: right'] { text-align: left !important; }

/* فونت: در انگلیسی فونت لاتین بهتر می‌نشیند، ولی Vazirmatn لاتین هم دارد؛ فقط فاصله‌ی حروف را عادی می‌کنیم */
html[lang='en'] body { letter-spacing: 0; }

/* عددها و کدهای لاتین در انگلیسی نیازی به جداسازی دوجهته ندارند */
html[lang='en'] bdi[dir='ltr'] { unicode-bidi: normal; }

/* در انگلیسی هیچ بلوک راست‌به‌چپی نمی‌ماند (شیت‌های ساخته‌شده در کد با dir="rtl") */
html[lang='en'] [dir='rtl'] { direction: ltr !important; }
html[lang='en'] [dir='rtl'][style*='text-align:right'] { text-align: left !important; }
/* فلش «بازگشت» در انگلیسی به چپ اشاره می‌کند */
html[lang='en'] svg:has(> path[d='M8 4l6 6-6 6']), html[lang='en'] svg:has(> path[d='M12 4l-6 6 6 6']) { transform: scaleX(-1); }
/* ستون مبلغ در ردیف‌های دارایی/تراکنش: در فارسی چپ‌چین (سمت انتها)، در انگلیسی راست‌چین */
html[lang='en'] .screen div[style*='text-align:left;line-height:1.25'] { text-align: right !important; }
/* برچسب کاشی‌های خانه (اسپورت/کازینو زنده/کازینو): در انگلیسی کوچک‌تر تا از کاشی بیرون نزند */
html[lang='en'] .screen span[style*='font-weight:800'][style*='padding-inline-start:22px'] { font-size: 12px !important; letter-spacing: 0; white-space: nowrap; padding-inline-start: 38px !important; padding-inline-end: 6px; }

/* ===== انگلیسی: فونت Inter و کاشی‌های خانه با ظاهر نرم‌تر ===== */
html[lang='en'] body, html[lang='en'] #app, html[lang='en'] [style*="font-family:'Vazirmatn'"], html[lang='en'] .hv-sheet, html[lang='en'] #hv-sheet { font-family: 'Inter', 'Vazirmatn', system-ui, sans-serif !important; }
html[lang='en'] .screen div[style*='box-shadow:0 4px 0'] {
  height: 54px !important; border-radius: 16px !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.06), 0 8px 18px rgba(15,23,42,.10) !important;
  background-image: linear-gradient(135deg, rgba(255,255,255,.45), rgba(255,255,255,0) 60%) !important;
  border: 1px solid rgba(255,255,255,.55);
}
html[lang='en'] .screen div[style*='box-shadow:0 4px 0'] span { font-family: 'Inter', sans-serif !important; font-weight: 700 !important; font-size: 13px !important; letter-spacing: .01em; text-shadow: 0 1px 0 rgba(255,255,255,.35); }
html[lang='en'] .screen div[style*='box-shadow:0 4px 0'] svg { opacity: .9; }
/* آیکون کاشی کازینو زنده در انگلیسی آینه می‌شود */
html[lang='en'] .screen div[style*='background:#c4b5fd'] > svg[viewBox='0 0 24 24'] { transform: translateY(-50%) scaleX(-1) !important; }
/* جرقه‌ی کاشی‌های آتش‌کده/توتو در انگلیسی: پررنگ‌تر با هاله‌ی نرم و کمی بزرگ‌تر */
html[lang='en'] .screen div[style*='box-shadow:0 4px 0'] > svg[style*='opacity:.55'] { opacity: .95 !important; filter: drop-shadow(0 0 3px rgba(255,255,255,.9)) drop-shadow(0 2px 4px rgba(15,23,42,.18)); transform: scale(1.18) rotate(-6deg); transform-origin: bottom left; bottom: 4px !important; }