
:root{--ft-flag-size:22px;--ft-gap:8px;--ft-text-color:#111;--ft-active-text-color:#111;--ft-bg:#fff;--ft-border:rgba(0,0,0,.12);--ft-item-bg:rgba(255,255,255,.92);--ft-dropdown-bg:#fff;--ft-dropdown-text:#111;--ft-dropdown-hover-bg:rgba(0,0,0,.06);--ft-dropdown-active-bg:rgba(13,110,253,.92);--ft-dropdown-active-text:#fff}
.faroltranslate-selector{position:fixed;z-index:99999;max-width:calc(100vw - 24px);font:600 14px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ft-text-color);box-sizing:border-box}
.faroltranslate-selector *{box-sizing:border-box}
.faroltranslate-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.faroltranslate-title{margin:0 0 6px;font-size:13px;font-weight:700;color:var(--ft-text-color);text-align:left}
.faroltranslate-flag{display:inline-flex;align-items:center;justify-content:center;width:var(--ft-flag-size);height:calc(var(--ft-flag-size) * .72);border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.faroltranslate-flag-image{display:block;width:100%;height:100%;object-fit:cover}
.faroltranslate-code{display:inline-block;letter-spacing:.02em}
.faroltranslate-selector--dropdown_codes,.faroltranslate-selector--dropdown_flags,.faroltranslate-selector--dropdown_flags_code{display:inline-block;background:var(--ft-bg);border:1px solid var(--ft-border);border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.16);padding:7px 9px}
.faroltranslate-selector--dropdown_codes:focus-within,.faroltranslate-selector--dropdown_flags:focus-within,.faroltranslate-selector--dropdown_flags_code:focus-within{box-shadow:0 0 0 3px rgba(13,110,253,.18),0 8px 24px rgba(0,0,0,.16)}
.faroltranslate-select{min-width:64px;max-width:220px;border:0;background:transparent;color:inherit;font:inherit;font-weight:700;outline:0;padding:4px 22px 4px 6px}.faroltranslate-select option{background:var(--ft-dropdown-bg);color:var(--ft-dropdown-text)}
.faroltranslate-dropdown-toggle{display:flex;align-items:center;gap:var(--ft-gap);border:0;background:transparent;color:inherit;font:inherit;padding:4px 6px;cursor:pointer;white-space:nowrap}
.faroltranslate-caret{display:inline-block;width:.45em;height:.45em;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:rotate(45deg);margin-top:-.18em}
.faroltranslate-dropdown-menu{position:absolute;display:none;min-width:max-content;max-width:min(240px,calc(100vw - 24px));background:var(--ft-dropdown-bg);color:var(--ft-dropdown-text);border:1px solid var(--ft-border);border-radius:12px;box-shadow:0 10px 28px rgba(0,0,0,.18);padding:6px;gap:3px}
.faroltranslate-selector.is-open .faroltranslate-dropdown-menu{display:grid}
.faroltranslate-selector[data-position^="bottom"] .faroltranslate-dropdown-menu{bottom:calc(100% + 6px)}
.faroltranslate-selector:not([data-position^="bottom"]) .faroltranslate-dropdown-menu{top:calc(100% + 6px)}
.faroltranslate-selector[data-position*="_left"] .faroltranslate-dropdown-menu{left:0;right:auto}
.faroltranslate-selector[data-position*="_right"] .faroltranslate-dropdown-menu{right:0;left:auto}
.faroltranslate-selector[data-position$="_center"] .faroltranslate-dropdown-menu{left:50%;right:auto;transform:translateX(-50%)}
.faroltranslate-menu-item{display:flex;align-items:center;gap:var(--ft-gap);padding:7px 9px;text-decoration:none;color:var(--ft-dropdown-text);border-radius:8px;white-space:nowrap}
.faroltranslate-menu-item:hover,.faroltranslate-menu-item:focus{text-decoration:none;outline:0;background:var(--ft-dropdown-hover-bg);color:var(--ft-dropdown-text)}
.faroltranslate-menu-item.is-active{font-weight:700;background:var(--ft-dropdown-active-bg);color:var(--ft-dropdown-active-text)}
.faroltranslate-items{display:flex;gap:var(--ft-gap);width:auto!important;max-width:max-content!important}
.faroltranslate-items--vertical{flex-direction:column;align-items:flex-start}.faroltranslate-items--horizontal{flex-direction:row;align-items:center}
.faroltranslate-item{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--ft-gap) * .65);padding:6px 8px;text-decoration:none;color:inherit;border-radius:999px;line-height:1;white-space:nowrap;background:var(--ft-item-bg);border:1px solid var(--ft-border);box-shadow:0 6px 18px rgba(0,0,0,.12)}
.faroltranslate-item:hover,.faroltranslate-item:focus{text-decoration:none;outline:0;background:#fff;box-shadow:0 0 0 3px rgba(13,110,253,.16),0 6px 18px rgba(0,0,0,.12)}
.faroltranslate-item.is-active{font-weight:700;border-color:rgba(0,0,0,.18);background:#fff}
.faroltranslate-selector--flags_horizontal .faroltranslate-item,.faroltranslate-selector--flags_vertical .faroltranslate-item{padding:2px;background:transparent;border-color:transparent;box-shadow:none}
.faroltranslate-selector--flags_horizontal .faroltranslate-item:hover,.faroltranslate-selector--flags_vertical .faroltranslate-item:hover,.faroltranslate-selector--flags_horizontal .faroltranslate-item:focus,.faroltranslate-selector--flags_vertical .faroltranslate-item:focus{background:rgba(255,255,255,.7);box-shadow:0 0 0 3px rgba(13,110,253,.16)}
.faroltranslate-selector--flags_horizontal .faroltranslate-item.is-active,.faroltranslate-selector--flags_vertical .faroltranslate-item.is-active{background:rgba(255,255,255,.82);border-color:rgba(0,0,0,.16);box-shadow:0 6px 18px rgba(0,0,0,.12)}
@media(max-width:600px){.faroltranslate-selector{max-width:calc(100vw - 20px)}.faroltranslate-items{max-width:calc(100vw - 20px);flex-wrap:wrap}.faroltranslate-select{min-width:58px}}

/* 1.0.47: module rendering and plain selector styles */
.faroltranslate-selector[data-position="module"],.faroltranslate-selector.faroltranslate-selector--module{position:relative;z-index:auto;max-width:none;display:inline-block}
.faroltranslate-selector[data-ft-theme="plain"],.faroltranslate-selector[data-ft-theme="transparent"]{background:transparent!important;border-color:transparent!important;box-shadow:none!important;padding:0!important}
.faroltranslate-selector[data-ft-theme="plain"] .faroltranslate-item,.faroltranslate-selector[data-ft-theme="transparent"] .faroltranslate-item{background:transparent!important;border-color:transparent!important;box-shadow:none!important;padding:2px 4px}
.faroltranslate-selector[data-ft-theme="plain"] .faroltranslate-item.is-active,.faroltranslate-selector[data-ft-theme="transparent"] .faroltranslate-item.is-active{background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:var(--ft-active-text-color);font-weight:800}
.faroltranslate-selector[data-ft-theme="plain"] .faroltranslate-dropdown-toggle,.faroltranslate-selector[data-ft-theme="transparent"] .faroltranslate-dropdown-toggle{padding:0;background:transparent!important}
.faroltranslate-selector[data-ft-theme="plain"] .faroltranslate-select,.faroltranslate-selector[data-ft-theme="transparent"] .faroltranslate-select{padding:2px 20px 2px 2px;background:transparent!important}
.faroltranslate-selector[data-ft-theme="plain"] .faroltranslate-flag,.faroltranslate-selector[data-ft-theme="transparent"] .faroltranslate-flag{box-shadow:none;border-radius:2px}
.faroltranslate-selector[data-ft-theme="plain"] .faroltranslate-code,.faroltranslate-selector[data-ft-theme="transparent"] .faroltranslate-code{color:var(--ft-text-color)}
.faroltranslate-selector[data-ft-theme="plain"] .is-active .faroltranslate-code,.faroltranslate-selector[data-ft-theme="transparent"] .is-active .faroltranslate-code{color:var(--ft-active-text-color)}
.faroltranslate-module-wrap{display:inline-block;line-height:1}

/* 1.0.47: dropdown color controls; dropdown_codes now renders as a custom menu instead of native select. */


/* 1.0.47: portal dropdown fix for YOOtheme/template containers with overflow or z-index clipping. */
.faroltranslate-dropdown-menu,
body > .faroltranslate-dropdown-menu.ft-portal-open{
  z-index:2147483200!important;
}
body > .faroltranslate-dropdown-menu.ft-portal-open{
  position:fixed!important;
  display:grid!important;
  width:auto!important;
  min-width:max-content;
  max-width:min(280px,calc(100vw - 16px));
  overflow:auto;
  overscroll-behavior:contain;
}
.faroltranslate-selector--module.is-open{
  z-index:2147483199!important;
}
