/*
 * Right-to-left adjustments for the Urdu page (html[dir="rtl"]).
 * Flex rows already mirror under rtl; this covers the few places that use physical left/right.
 */

/* Arrows point the reading direction. */
[dir="rtl"] .nhh-btn .elementor-button-icon svg { transform: scaleX(-1); }

/* Language menu opens from the left edge of its button. */
[dir="rtl"] .nhh-lang-menu { right: auto; left: 0; }

/* Phone menu lines and the chat launcher sit on the left, mirrored from LTR. */
[dir="rtl"] .nhh-menu-btn span { left: auto; right: 13px; }
[dir="rtl"] .hh-chat { right: auto; left: 20px; }
[dir="rtl"] .hh-chat__msg--bot { border-bottom-left-radius: 16px; border-bottom-right-radius: 6px; }
[dir="rtl"] .hh-chat__msg--user { border-bottom-right-radius: 16px; border-bottom-left-radius: 6px; }

/* Numbers, handles and app menu paths stay left-to-right inside Urdu text. */
[dir="rtl"] .nhh-chip,
[dir="rtl"] .nhh-badge { unicode-bidi: plaintext; }

@media (max-width: 767px) {
	/* Edge-to-edge carousels bleed on both sides equally; keep their start padding on the right. */
	[dir="rtl"] .elementor .elementor-element.elementor-element.nhh-carousel { scroll-padding-inline: 24px; }
	[dir="rtl"] .nhh-fix-chips { margin: 18px -24px 0 !important; }
}

@media (max-width: 480px) {
	[dir="rtl"] .hh-chat { left: 16px; }
	[dir="rtl"] .hh-chat[data-open="true"] { left: 0; }
}

/* Chat send arrow points the reading direction too. */
[dir="rtl"] .hh-chat__send svg { transform: scaleX(-1); }

/* Announcement bar, winners and key exchange (added with the Urdu launch). */
[dir="rtl"] .nhh-announce-cta svg,
[dir="rtl"] .nhh-wl-go svg,
[dir="rtl"] .nhh-win-src svg { transform: scaleX(-1); }
[dir="rtl"] .nhh-announce a.nhh-announce-link:hover .nhh-announce-cta svg { transform: scaleX(-1) translateX(3px); }
[dir="rtl"] .nhh-announce-live,
[dir="rtl"] .nhh-keys-count,
[dir="rtl"] .nhh-win-stats b { unicode-bidi: plaintext; }
/* Key codes are Latin and always read left to right. */
[dir="rtl"] .nhh-keys input[type="text"] { direction: ltr; text-align: right; }
[dir="rtl"] .nhh-keys-list code,
[dir="rtl"] .nhh-keys-mine code { direction: ltr; unicode-bidi: isolate; }
[dir="rtl"] .nhh-keys-list code { text-align: right; }
/* Nastaliq needs taller lines in the small card labels. */
[dir="rtl"] :is(.nhh-keys-card-title, .nhh-keys-card-sub, .nhh-keys-hint, .nhh-keys-mine, .nhh-wl-label, .nhh-win-label, .nhh-wl-meta, .nhh-wl-foot, .nhh-win-stats span) { line-height: 1.9; }