/* Interface-language layer: the language selector + direction-neutral helpers.
   Self-contained; loaded on every page by i18n/_head.html.twig. */
.sb-lang{position:relative;display:inline-block;font:inherit;line-height:1.2;z-index:60}
.sb-lang>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid rgba(0,0,0,.14);border-radius:8px;background:#fff;color:#1f2937;font-size:14px;font-weight:500;white-space:nowrap;user-select:none}
.sb-lang>summary::-webkit-details-marker{display:none}
.sb-lang>summary::marker{content:''}
.sb-lang>summary:hover{border-color:rgba(0,0,0,.28)}
.sb-lang>summary:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
.sb-lang__icon{flex:0 0 auto;opacity:.75}
.sb-lang__caret{flex:0 0 auto;opacity:.6;transition:transform .15s}
.sb-lang[open] .sb-lang__caret{transform:rotate(180deg)}
.sb-lang__menu{position:absolute;top:calc(100% + 6px);inset-inline-end:0;right:0;min-width:180px;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:10px;box-shadow:0 10px 30px rgba(15,23,42,.14)}
[dir=rtl] .sb-lang__menu{right:auto;left:0}
.sb-lang__menu li{margin:0;padding:0;list-style:none}
.sb-lang__form{margin:0}
.sb-lang__item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;box-sizing:border-box;padding:9px 12px;border:0;border-radius:7px;background:none;color:#1f2937!important;font:inherit;font-size:14px;text-align:start;text-decoration:none!important;cursor:pointer}
.sb-lang__item:hover,.sb-lang__item:focus-visible{background:#f1f5f9;outline:none}
.sb-lang__item.is-current{font-weight:600;cursor:default;color:#0f172a!important}
.sb-lang__item.is-current svg{color:#2563eb}
/* app header: sits left of the avatar panel */
.c-app-header__user{display:flex;align-items:center;gap:12px}
.sb-lang--app>summary{padding:6px 9px;font-size:13px}
/* phone drawer (app) and phone sheet (public): full-width, menu opens inline */
.sb-lang-drawer{display:none;padding:10px 14px 4px}
@media (max-width:899px){.sb-lang-drawer{display:block}.c-app-header__lang{display:none}}
.sb-lang--mobile{display:block;width:100%}
.sb-lang--mobile>summary{width:100%;box-sizing:border-box;justify-content:space-between}
.sb-lang--mobile .sb-lang__menu{position:static;box-shadow:none;margin-top:6px;min-width:0}
.sb-lang-sheet{margin:14px 0 4px}
/* public header: hide the desktop selector where the burger takes over */
@media (max-width:940px){.hdr .acts>.sb-lang--public{display:none}}
/* customer data (domains, URLs, keywords) inside translated sentences */
.sb-ltr{direction:ltr;unicode-bidi:isolate}
bdi{unicode-bidi:isolate}
/* A long unbroken token ("Shopify/WordPress/Ghost/WooCommerce/Wix") in an FAQ question pushed the page 35px
   wide on phones; only words that do not fit are broken. */
.qa summary{overflow-wrap:anywhere}

/* App header: the selector sits at the end of the middle section (2026-09-27); every menu row follows the
   page direction and only the name carries its own (an Arabic row was right-aligned in LTR menus). */
.c-app-header__lang{display:flex;align-items:center;flex:0 0 auto;margin-inline-start:12px}
.sb-lang__item>span{unicode-bidi:isolate}