/* ===============================
   Polylang Custom Switcher - Header Fit (Dark/Black)
   Keep same classes, change only look
   =============================== */

.pllLangSwitcher{display:inline-block;font-family:inherit}
.pllLangSwitcher--dropdown{position:relative;width:180px}


.pllLangSwitcher__btn{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;

  height:38px;              
  padding:0 12px;
  border-radius:10px;

  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  cursor:pointer;

  color:rgba(255,255,255,.92);
  font-weight:700;
}


.pllLangSwitcher__btnLabel{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}


.pllLangSwitcher__btn:hover{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.22);
}
.pllLangSwitcher__btn:focus{
  outline:none;
  box-shadow:0 0 0 3px rgba(255,255,255,.08);
}


.pllLangSwitcher__menu{
  position:absolute;
  top:calc(100% + 8px);
  inset-inline-start:0;

  width:100%;
  max-height:260px;
  overflow:auto;

  list-style:none;
  margin:0;
  padding:6px;

  border-radius:12px;

  background:rgba(0,0,0,.92);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 40px rgba(0,0,0,.35);

  display:none;
  z-index:9999;
}
.pllLangSwitcher.is-open .pllLangSwitcher__menu{display:block}


.pllLangSwitcher__optionLink{
  display:flex;
  align-items:center;
  gap:10px;

  padding:10px 10px;
  border-radius:10px;

  text-decoration:none;
  color:rgba(255,255,255,.88);

  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}


.pllLangSwitcher__optionLink:hover{
  background:rgba(255,255,255,.08);
  color:#fff;
}

/* Active: نفس فكرة تمييز عناصر الهيدر (أحمر) */
.pllLangSwitcher__option.is-active .pllLangSwitcher__optionLink{
  background:#d61f1f;         /* أحمر قريب من الهيدر */
  color:#fff;
  font-weight:800;
}


.pllLangSwitcher__flag img{display:block;width:18px;height:12px}


.pllLangSwitcher--list .pllLangSwitcher__list{
  list-style:none;
  display:flex;
  gap:8px;
  margin:0;
  padding:0;
  flex-wrap:wrap;
}

.pllLangSwitcher--list .pllLangSwitcher__link{
  display:inline-flex;
  align-items:center;
  gap:8px;

  height:34px;
  padding:0 10px;
  border-radius:999px;

  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);

  text-decoration:none;
  color:rgba(255,255,255,.92);
  font-weight:700;
}

.pllLangSwitcher--list .pllLangSwitcher__link:hover{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.22);
}

.pllLangSwitcher--list .pllLangSwitcher__item.is-active .pllLangSwitcher__link{
  background:#d61f1f;
  border-color:rgba(0,0,0,.06);
  color:#fff;
}