/*=======================
language button
=======================*/
.lang-toggle {
  width: 90px;
  height: 35px;
  background: var(--theme-color1);
  border-radius: 60px;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  transition: all .3s ease;
  direction: ltr; /* مهم */
}

.toggle-knob {
  width: 35px;
  height: 35px;
  background: var(--theme-color-light);
  border-radius: 50%;
  position: absolute;
  left: 5px;
  box-shadow: 0 6px 15px rgba(0,0,0,.2);
  transition: left .3s ease;
}

.lang-text {
  position: absolute;
  right: 14px;
  color: var(--theme-color-light);
  font-size: 20px;
  font-weight: 600;
}

/* حالة العربي */
.lang-toggle.ar {
  background: var(--theme-color1);
}

.lang-toggle.ar .toggle-knob {
  left: calc(100% - 40px);
}

.lang-toggle.ar .lang-text {
  right: auto;
  left: 14px;
}

@media (max-width: 768px) {
  .lang-toggle {
    width: 78px;      /* أكبر شوية */
    height: 32px;
    padding: 4px;
    border-radius: 40px;
  }

  .toggle-knob {
    width: 28px;
    height: 28px;
    left: 4px;
  }

  .lang-text {
    font-size: 14px;
    right: 12px;
  }

  .lang-toggle.ar .toggle-knob {
    left: calc(100% - 32px);
  }

  .lang-toggle.ar .lang-text {
    left: 12px;
    right: auto;
  }
}
@media (max-width: 768px) {
  .lang-toggle {
    min-width: 78px;
    min-height: 32px;
  }
}