.tksw-wrap{width:min(100%,var(--tksw-max,720px));margin:0 auto;box-sizing:border-box;font-family:inherit;direction:ltr}
.tksw-wrap *, .tksw-wrap *:before,.tksw-wrap *:after{box-sizing:border-box}
.tksw-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:7px;border:1px solid rgba(255,255,255,.62);border-radius:20px;background:var(--tksw-glass,rgba(255,255,255,.86));box-shadow:0 14px 38px rgba(4,44,31,.16);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%)}
.tksw-has-language .tksw-bar{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}
.tksw-item{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:50px;padding:9px 16px;border:1px solid transparent;border-radius:14px;color:var(--tksw-text,#17332A)!important;text-decoration:none!important;font-size:13px;font-weight:600!important;line-height:1.2;white-space:nowrap;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;overflow:hidden}
.tksw-item:hover{background:rgba(0,155,80,.08);border-color:rgba(0,155,80,.15);color:var(--tksw-green,#009B50)!important;transform:translateY(-1px)}
.tksw-item.is-active{background:linear-gradient(135deg,var(--tksw-green,#009B50),#087a4f);color:#fff!important;border-color:rgba(255,255,255,.22);box-shadow:0 10px 24px rgba(0,155,80,.24)}
.tksw-icon{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(0,155,80,.09);color:var(--tksw-green,#009B50);transition:inherit}
.tksw-icon svg{width:16px;height:16px;display:block}
.tksw-item.is-active .tksw-icon{background:rgba(255,255,255,.14);color:#fff}
.tksw-label{overflow:hidden;text-overflow:ellipsis}
.tksw-check{flex:0 0 20px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.17);font-size:11px;color:#fff}

.tksw-language{align-self:stretch;display:grid;grid-template-columns:repeat(2,auto);align-items:center;gap:3px;padding:4px;border:1px solid rgba(0,155,80,.12);border-radius:14px;background:rgba(241,248,244,.88);direction:ltr;min-width:112px}
.tksw-lang-btn{display:grid;place-items:center;min-width:48px;height:42px;padding:0 9px;border-radius:10px;color:#5c7068!important;text-decoration:none!important;font-size:11px;font-weight:800!important;line-height:1;letter-spacing:.02em;transition:.2s ease}
.tksw-lang-btn[lang="ar"]{font-size:12px;letter-spacing:0;direction:rtl}
.tksw-lang-btn:hover{background:#fff;color:var(--tksw-green,#009B50)!important}
.tksw-lang-btn.is-active{background:#fff;color:var(--tksw-green,#009B50)!important;box-shadow:0 5px 15px rgba(6,61,43,.09)}
.tksw-lang-note{display:flex;align-items:center;max-width:150px;padding:0 8px;border-radius:12px;color:#805d1c;font-size:10px;font-weight:700;background:#fff8e7}

/* TranslatePress Arabic can set the document RTL. Keep the switcher's site order stable,
   while allowing the Arabic language label itself to render naturally. */
html[dir="rtl"] .tksw-wrap,.translatepress-ar .tksw-wrap{direction:rtl}
html[dir="rtl"] .tksw-language,.translatepress-ar .tksw-language{direction:ltr}

/* Floating placement: desktop bottom-left, mobile bottom-center. */
.tksw-auto{position:fixed!important;z-index:99990!important;left:18px!important;right:auto!important;top:auto!important;bottom:max(18px,calc(env(safe-area-inset-bottom,0px) + 12px))!important;width:min(var(--tksw-max,720px),calc(100vw - 36px))!important;padding:0!important;pointer-events:none!important;transform:none!important}
.tksw-auto .tksw-wrap{width:min(100%,var(--tksw-max,720px))!important;max-width:100%!important;margin:0!important;pointer-events:auto!important}
.tksw-auto .tksw-bar{box-shadow:0 18px 44px rgba(4,44,31,.24)}
html[dir="rtl"] .tksw-auto,.translatepress-ar .tksw-auto{left:auto!important;right:18px!important}

@media(max-width:767px){
 .tksw-wrap{width:100%;max-width:100%}
 .tksw-bar{gap:5px;padding:6px;border-radius:17px}
 .tksw-has-language .tksw-bar{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}
 .tksw-item{min-height:46px;padding:8px 8px;border-radius:12px;font-size:10.5px;gap:6px}
 .tksw-icon{width:27px;height:27px;flex-basis:27px;border-radius:9px}
 .tksw-icon svg{width:14px;height:14px}
 .tksw-check{display:none}
 .tksw-language{min-width:86px;padding:3px;border-radius:12px}
 .tksw-lang-btn{min-width:38px;height:40px;padding:0 5px;font-size:10px}
 .tksw-lang-btn[lang="ar"]{font-size:11px}
 .tksw-auto,.translatepress-ar .tksw-auto,html[dir="rtl"] .tksw-auto{left:50%!important;right:auto!important;bottom:max(12px,calc(env(safe-area-inset-bottom,0px) + 10px))!important;width:calc(100vw - 24px)!important;max-width:620px!important;transform:translateX(-50%)!important}
 .tksw-auto .tksw-wrap{width:100%!important;margin:0 auto!important}
}
@media(max-width:390px){
 .tksw-item{font-size:9.5px;padding-left:6px;padding-right:6px}
 .tksw-icon{width:24px;height:24px;flex-basis:24px}
 .tksw-language{min-width:80px}
 .tksw-lang-btn{min-width:35px}
}


/* v1.4 — keep the original compact v1.2 glass UI and add small country flags. */
.tksw-lang-btn{display:flex;align-items:center;justify-content:center;gap:5px}
.tksw-lang-flag{display:inline-block;flex:0 0 auto;font-size:15px;line-height:1;filter:saturate(.94)}
.tksw-lang-label{display:inline-block;min-width:0}
.tksw-lang-btn.is-navigating{opacity:.7;pointer-events:none}
@media(max-width:480px){
  .tksw-language{min-width:82px}
  .tksw-lang-btn{min-width:36px;padding:0 4px;gap:3px}
  .tksw-lang-flag{font-size:14px}
  .tksw-lang-label{font-size:9px}
  .tksw-item{white-space:nowrap}
}
@media(max-width:350px){
  .tksw-lang-label{display:none}
  .tksw-language{min-width:66px}
  .tksw-lang-btn{min-width:29px}
  .tksw-item{font-size:9px;padding-left:5px;padding-right:5px}
}