.lang {
  display: none;
}

body.lang-ar .lang-ar,
body.lang-en .lang-en {
  display: inline;
}

.lang-block {
  display: none;
}

body.lang-ar .lang-block.lang-ar,
body.lang-en .lang-block.lang-en {
  display: block;
}

.lang-flex {
  display: none;
}

body.lang-ar .lang-flex.lang-ar,
body.lang-en .lang-flex.lang-en {
  display: flex;
}

.lang-en #pp-nav,
.lang-en #pp-nav.left,
.lang-en #pp-nav.right {
  right: 24px !important;
  left: auto !important;
  text-align: right;
}
.lang-en.nill-rtl #pp-nav,
.lang-en.nill-rtl #pp-nav.left,
.lang-en.nill-rtl #pp-nav.right {
  right: 35px !important;
  left: auto !important;
}

.lang-ar #pp-nav,
.lang-ar #pp-nav.left,
.lang-ar #pp-nav.right {
  left: 20px !important;
  right: auto !important;
  text-align: left;
}

.lang-en #pp-nav .pp-tooltip {
  left: auto !important;
  right: 100% !important;
  margin-right: 12px !important;
  margin-left: 0 !important;
  text-align: right !important;
}

.lang-ar #pp-nav .pp-tooltip {
  right: auto !important;
  left: 100% !important;
  margin-left: 12px !important;
  margin-right: 0 !important;
  text-align: left !important;
}

.lang-en .overlay-menu-toggler {
  order: 2;
  margin-left: 10px !important;
  margin-right: 0 !important;
  float: right;
}

.lang-ar .overlay-menu-toggler {
  float: left;
}

.lang-en.nill-rtl .overlay-menu-toggler {
  right: 24px !important;
  left: inherit !important;
}

.lang-en .header-info-area {
  order: 2;
  margin-left: auto;
  margin-right: auto;
}

.lang-en .logo-area {
  order: 1;
}

.lang-en {
  direction: ltr !important;
  text-align: left;
}

.lang-ar {
  direction: rtl !important;
  text-align: right;
}

.lang-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0.45rem 3.0rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.8);
  background: rgb(0 0 0 / 40%);
  color: #fff;
  font-weight: 800;
  font-size: 0.85rem;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
}

.lang-toggle:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.22);
}

.lang-toggle:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.8);
  outline-offset: 2px;
}

.lang-toggle.floating {
  position: fixed;
  top: 1rem;
  inset-inline-end: 1rem;
  z-index: 1050;
  margin: 0;
}

.logo-area {
  display: flex;
  align-items: center;
  gap: 12px;
}

.header-info-area {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 8px;
  position: relative;
  z-index: 110;
}

body.lang-ar .header-info-area {
  align-items: flex-start;
}

.lang-en .header-info-area {
  margin-left: auto;
  margin-right: 0;
  align-items: flex-end;
}

@media (max-width: 768px) {
  /* Center language toggle only; keep menu icon at its corner */
  .header-info-area {
    position: relative;
    min-height: 90px;
  }
  .header-info-area .lang-toggle {
    position: fixed;
    left: 50%;
    top: 10px;
    transform: translateX(-50%);
    z-index: 111;
  }
  body.lang-en .overlay-menu-toggler {
    position: absolute;
    top: 18px;
    right: 12px;
    left: auto;
  }
  body.lang-ar .overlay-menu-toggler {
    position: absolute;
    top: 18px;
    left: 12px;
    right: auto;
  }
}

body.lang-en input,
body.lang-en textarea,
body.lang-en select {
  text-align: left;
  direction: ltr;
}

body.lang-ar input,
body.lang-ar textarea,
body.lang-ar select {
  text-align: right;
  direction: rtl;
}

body.lang-en [dir="rtl"] {
  direction: ltr !important;
  text-align: left !important;
}

/* Override inline right-aligning when English is active */
body.lang-en [style*="text-align: right"] {
  text-align: left !important;
  direction: ltr !important;
}

/* Move simple-page close buttons to the opposite side in English */
body.lang-en.bg-dark .btn.float-end {
  float: left !important;
}

body.lang-en .text-end,
body.lang-en .text-right {
  text-align: left !important;
}

body.lang-en ul {
  text-align: left;
}
