/* Language switcher (D-038): top bar menu + footer row. Quiet, same type as the top bar; works without JS (details). */
.sy-lang { position: relative; font-size: 13px; }
.sy-lang ul { margin: 0; padding: 0; list-style: none; }
.sy-lang a { text-decoration: none; }
.sy-lang__icon { flex: none; }

.sy-lang--header summary { display: inline-flex; align-items: center; gap: 7px; color: rgba(255, 255, 255, .82); cursor: pointer; list-style: none; user-select: none; }
.sy-lang--header summary::-webkit-details-marker { display: none; }
.sy-lang--header summary::after { content: ""; width: 6px; height: 6px; margin-top: -3px; border-right: 1.3px solid currentColor; border-bottom: 1.3px solid currentColor; transform: rotate(45deg); transition: transform .25s; }
.sy-lang--header[open] summary::after { transform: rotate(-135deg); margin-top: 3px; }
.sy-lang--header summary:hover { color: #fff; }
.sy-lang--header summary:focus-visible { outline: 2px solid #fff; outline-offset: 3px; border-radius: 2px; }
.sy-lang--header ul { position: absolute; top: calc(100% + 12px); inset-inline-end: 0; z-index: 1000; min-width: 168px; padding: 6px; border-radius: 6px; background: #fff; box-shadow: 0 18px 40px -16px rgba(10, 16, 28, .45), 0 0 0 1px rgba(10, 16, 28, .06); animation: sy-lang-in .2s ease; }
.sy-lang--header li a { display: block; padding: 9px 12px; border-radius: 4px; color: var(--sy-ink, #263653); font-size: 14px; }
.sy-lang--header li a:hover, .sy-lang--header li a:focus-visible { background: #f3f6f8; outline: 0; }
.sy-lang--header li a[aria-current] { font-weight: 600; }
.sy-lang--header li a[aria-current]::after { content: ""; float: inline-end; width: 9px; height: 5px; margin-top: 6px; border-left: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(-45deg); }
/* Main (white) header row on phones / laptop icon mode: dark text. */
#header [data-row="middle"] .sy-lang--header summary, #header [data-device="mobile"] .sy-lang--header summary { color: var(--sy-ink, #263653); }

.sy-lang--footer { display: inline-flex; align-items: center; gap: 10px; color: inherit; }
.sy-lang--footer ul { display: flex; flex-wrap: wrap; gap: 4px 14px; }
.sy-lang--footer a { color: inherit; opacity: .72; transition: opacity .2s; }
.sy-lang--footer a:hover, .sy-lang--footer a[aria-current] { opacity: 1; }
.sy-lang--footer a[aria-current] { text-decoration: underline; text-underline-offset: 4px; }
.ct-footer-copyright .sy-lang--footer { display: flex; margin-top: 8px; }
@keyframes sy-lang-in { from { opacity: 0; transform: translateY(-4px); } }
@media (prefers-reduced-motion: reduce) { .sy-lang--header ul { animation: none; } }

/* ---- Right-to-left pages (Arabic): mirror direction-bound icons; keep numbers and codes left-to-right. ---- */
[dir="rtl"] .sy-arrow, [dir="rtl"] .sy-btn svg, [dir="rtl"] .sy-cr__open svg, [dir="rtl"] .sy-unlock__go, [dir="rtl"] .sy-hdr__cta .sy-hdr__icon,
[dir="rtl"] .wp-block-button__link svg, [dir="rtl"] .sy-qp__btn svg, [dir="rtl"] .sy-pp-actions svg { transform: scaleX(-1); }
[dir="rtl"] .sy-sku, [dir="rtl"] [class*="__no"], [dir="rtl"] .sy-hdr__count { direction: ltr; unicode-bidi: isolate; }
[dir="rtl"] body, [dir="rtl"] input, [dir="rtl"] textarea, [dir="rtl"] select, [dir="rtl"] button { font-family: "IBM Plex Sans Arabic", "Noto Sans Arabic", "Segoe UI", Tahoma, "IBM Plex Sans", sans-serif; }
/* English company name inside Arabic text: keep "Co., Ltd." punctuation where it belongs (direction from its own text). */
[dir="rtl"] .sy-ts__company, [dir="rtl"] .sy-ts__name, [dir="rtl"] #header [data-row="top"] .ct-header-text p { unicode-bidi: plaintext; }
[dir="rtl"] .sy-ts__company, [dir="rtl"] .sy-ts__name { text-align: right; }