/* TechHouse frontend-only jQuery local translator helpers */
.language-switcher .dropdown-menu {
    min-width: 170px;
}
.language-switcher .dropdown-item.active {
    font-weight: 700;
}
.language-switcher .language-code {
    display: inline-flex;
    width: 28px;
    font-size: 11px;
    font-weight: 700;
    opacity: .65;
}

.language-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    white-space: nowrap;
}

.language-toggle::after {
    margin-left: 1px;
}
#currentLanguageLabel {
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    margin-inline-start: 3px;
}
html[dir="rtl"] body {
    direction: rtl;
}
html[dir="rtl"] .dropdown-menu-end {
    --bs-position: start;
}
html[dir="rtl"] .bi-arrow-right::before,
html[dir="rtl"] .fa-arrow-right::before {
    transform: scaleX(-1);
}

/* Local frontend language dropdown */
.language-dropdown-menu {
    width: 220px;
    max-height: 360px;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.language-search-item {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--bs-dropdown-bg, #fff);
}

.language-option {
    display: flex;
    align-items: center;
    gap: .6rem;
}

.language-option .language-code {
    width: 34px;
    flex: 0 0 34px;
    font-size: .72rem;
    font-weight: 700;
    opacity: .65;
}

.language-option.active,
.language-option:active {
    color: inherit;
    background: rgba(236, 19, 114, .10);
}

/* RTL: keep product prices/numbers readable while the surrounding layout follows RTL. */
.i18n-rtl .phone-price,
.i18n-rtl .mp-count,
.i18n-rtl input[type="number"],
.i18n-rtl .notranslate {
    direction: ltr;
    unicode-bidi: isolate;
}

/* Keep identifiers, model names and numeric commerce values stable in RTL languages. */
.notranslate,
[translate="no"],
.phone-name,
.pd-title,
.pd-brand-tag,
.location-title,
.store-item h6 {
    unicode-bidi: isolate;
}

html[dir="rtl"] .phone-name,
html[dir="rtl"] .pd-title,
html[dir="rtl"] .pd-brand-tag,
html[dir="rtl"] .location-title,
html[dir="rtl"] .store-item h6 {
    direction: ltr;
}

.pd-price,
.pd-old-price,
.ins-row-range,
.ins-row-price,
.mp-count,
.phone-price {
    direction: ltr;
    unicode-bidi: isolate;
}

.pd-opt-btn,
.pd-option-label,
.ins-table-row,
.ins-table-header {
    unicode-bidi: plaintext;
}

/* Punjabi (Gurmukhi) font fallback. */
html[lang="pa"] body {
    font-family: "Nirmala UI", "Raavi", "Noto Sans Gurmukhi", "Plus Jakarta Sans", Arial, sans-serif;
}


/* Repair pages: mixed translated text + brand/model names must keep punctuation in the correct place. */
.i18n-rtl .gr-intro-heading,
.i18n-rtl .gr-intro-feature-title,
.i18n-rtl .gr-intro-feature-text,
.i18n-rtl .section-title,
.i18n-rtl .rp-repair-name,
.i18n-rtl .rp-quality-badge,
.i18n-rtl .rp-detail-heading,
.i18n-rtl .rp-detail-text,
.i18n-rtl .rp-spec-label,
.i18n-rtl .rp-spec-note,
.i18n-rtl .rp-tab-label,
.i18n-rtl .rp-hero-title,
.i18n-rtl .rp-hero-desc {
    unicode-bidi: plaintext;
}

.i18n-rtl .rp-price,
.i18n-rtl .rp-spec-value {
    direction: ltr;
    unicode-bidi: isolate;
}