/* Language switch (English | বাংলা) and Bangla typography for the seller dashboard. */
.lang-dd{position:relative;display:inline-block;flex:none}
.lang-cur{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 10px;border-radius:10px;font:600 14px/1 var(--font,system-ui);color:var(--text-2,#374151);cursor:pointer;list-style:none;user-select:none;white-space:nowrap}
.lang-cur::-webkit-details-marker{display:none}
.lang-cur::marker{content:""}
.lang-cur:hover{background:var(--surface-3,#eff1f4)}
.lang-cur:focus-visible{outline:3px solid color-mix(in srgb,var(--brand,#08805D) 45%,transparent);outline-offset:2px}
.lang-dd[open] .lang-cur svg{transform:rotate(180deg)}
.lang-cur[lang="bn"],.lang-opt[lang="bn"]{font-family:'Noto Sans Bengali','Noto Sans Bengali',var(--font,system-ui)}
.lang-switch{position:absolute;right:0;top:calc(100% + 6px);min-width:140px;padding:6px;border-radius:12px;background:var(--surface,#fff);box-shadow:0 10px 30px rgba(15,23,42,.16);z-index:200;display:flex;flex-direction:column}
.lang-opt{display:flex;align-items:center;min-height:40px;padding:0 12px;border-radius:8px;font:600 14px/1 var(--font,system-ui);color:var(--text,#111827);text-decoration:none;white-space:nowrap}
.lang-opt:hover{background:var(--surface-3,#eff1f4);text-decoration:none}
.lang-opt:focus-visible{outline:3px solid color-mix(in srgb,var(--brand,#08805D) 45%,transparent);outline-offset:-2px}
@media (max-width:560px){.lang-cur{min-height:44px}}
.auth-lang{display:inline-block}
html[lang="bn"] body{line-height:1.65}
html[lang="bn"] h1,html[lang="bn"] h2,html[lang="bn"] h3,html[lang="bn"] h4{line-height:1.4}
html[lang="bn"] .btn,html[lang="bn"] .badge,html[lang="bn"] .sb-link,html[lang="bn"] th{letter-spacing:0}
html[lang="bn"] .btn{white-space:normal}

/* ── orders-and-customers (i18o): Bangla labels are longer than English ───────────────────────── */
/* Status and payment badges in the orders table may wrap, so the table keeps fitting the card at 1280px. */
html[lang="bn"] .oa-orders td .badge{white-space:normal;max-width:9.5em;text-align:center;line-height:1.4}
/* The order summary lines and timeline rows must break long Bangla/English mixed text instead of pushing the card wider. */
html[lang="bn"] .oa-detail,html[lang="bn"] .oa-ship-meta dd,html[lang="bn"] .oa-refund-list p{overflow-wrap:anywhere}

/* ── catalog-and-offers (i18c): tabs, headers and Bangla text in the catalogue screens ─────────── */
/* Status tabs with long Bangla labels wrap onto a second row on phones instead of hiding behind a sideways scroll. */
@media (max-width:560px){
  html[lang="bn"] .card-tabs .tabs{flex-wrap:wrap;overflow-x:visible}
}
/* The collections list has a column of up/down arrows headed "Order" (position). In the shared dictionary "Order" is the
   sales order (অর্ডার), so on that one screen the column header and its phone-card label read "ক্রম" (position). */
html[lang="bn"] body:has(#c-name) .split table.responsive thead th:nth-child(3){font-size:0;letter-spacing:0}
html[lang="bn"] body:has(#c-name) .split table.responsive thead th:nth-child(3)::after{content:"ক্রম";font-size:12.5px;letter-spacing:0}
@media (max-width:760px){
  html[lang="bn"] body:has(#c-name) .split table.responsive td[data-label="অর্ডার"]::before{content:"ক্রম"}
}
/* Row buttons ("সম্পাদনা করুন") stay on one line in the desktop tables. */
@media (min-width:761px){
  html[lang="bn"] .row-actions .btn{white-space:nowrap}
}
.lang-dd:not([open]) .lang-switch{display:none}