/**
 * Shared styles for index and siyami-ramadan pages
 * – Bilingual text visibility
 * – Language switcher (LTR/RTL)
 */

/* Bilingual text: show only the active language */
.lang-text {
  display: none;
}

body.lang-ar {
  font-family: 'Tajawal', sans-serif;
}

body.lang-en {
  font-family: 'Montserrat', sans-serif;
}

body.lang-ar .lang-text.ar {
  display: inline;
  font-family: 'Tajawal', sans-serif;
}

body.lang-ar .lang-text.ar.block {
  display: block;
}

body.lang-ar .lang-text.en {
  display: none;
}

body.lang-en .lang-text.ar {
  display: none;
}

body.lang-en .lang-text.en {
  display: inline;
  font-family: 'Montserrat', sans-serif;
}

body.lang-en .lang-text.en.block {
  display: block;
}

/* Language switcher */
.lang-switch {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 50;
  display: flex;
  gap: 0.5rem;
}

html[dir="rtl"] .lang-switch {
  right: auto !important;
  left: 1rem !important;
}

.lang-switch a {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  padding: 0.35rem 0.75rem;
  border-radius: 8px;
  opacity: 0.85;
}

.lang-switch a:hover {
  opacity: 1;
  text-decoration: none;
}

.lang-switch a.active {
  background: rgba(255, 255, 255, 0.25);
  opacity: 1;
  text-decoration: none;
}