/* ============================================================
   خانات الترجمة (عربي / إنجليزي / تركي)
   ملف مستقل — لا يعدّل style.css
   ============================================================ */

/* الحاوية العامة */
.zh-langbar{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:.45rem;
  flex-wrap:wrap;
  margin:0 auto 1.1rem;
  padding:.35rem;
  width:max-content;
  max-width:100%;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(201,162,75,.55);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  box-shadow:0 6px 18px rgba(0,0,0,.18);
  direction:ltr;            /* ترتيب ثابت للأعلام */
}

/* نسخة عائمة للصفحات التي لا تحتوي على قسم hero */
.zh-langbar--float{
  position:fixed;
  top:12px;
  left:50%;
  transform:translateX(-50%);
  z-index:99999;
  margin:0;
  background:rgba(14,59,54,.92);
  border-color:rgba(201,162,75,.7);
}

/* الزر الواحد */
.zh-lang{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.34rem .72rem;
  border:0;
  border-radius:999px;
  cursor:pointer;
  font-family:'Tajawal',system-ui,sans-serif;
  font-size:.85rem;
  font-weight:700;
  line-height:1;
  color:#fff;
  background:transparent;
  transition:background .18s ease, transform .18s ease;
  white-space:nowrap;
}
.zh-lang:hover{ background:rgba(255,255,255,.16); transform:translateY(-1px) }
.zh-lang:focus-visible{ outline:2px solid #c9a24b; outline-offset:2px }

/* الزر النشط */
.zh-lang.is-active{
  background:#c9a24b;
  color:#123;
  box-shadow:0 2px 8px rgba(0,0,0,.25);
}

/* العلم */
.zh-lang img{
  width:22px;
  height:15px;
  object-fit:cover;
  display:block;
  border-radius:3px;
  box-shadow:0 0 0 1px rgba(255,255,255,.55);
  pointer-events:none;
}

/* على الشاشات الصغيرة: الأعلام فقط */
@media (max-width:430px){
  .zh-lang{ padding:.34rem .5rem }
  .zh-lang .zh-lang-txt{ display:none }
}

/* ---------- إخفاء واجهة Google المدمجة ---------- */
#zh-gtranslate{ position:absolute!important; left:-9999px!important; top:-9999px!important; height:0!important; overflow:hidden }
.goog-te-banner-frame,
.goog-te-gadget-icon,
#goog-gt-tt,
.goog-tooltip,
.goog-tooltip:hover{ display:none!important }
.goog-text-highlight{ background:none!important; box-shadow:none!important }
body{ top:0!important; position:static!important }

/* ---------- تصحيحات بسيطة عند التحويل إلى LTR ---------- */
html.zh-ltr .content p,
html.zh-ltr .card p,
html.zh-ltr .card li{ text-align:left }