/* ═══════════════════════════════════════════════════════════
   LANGUAGE SUPPORT — fonts only, NO layout changes
═══════════════════════════════════════════════════════════ */

/* Arabic font */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&family=Tajawal:wght@400;500;700;800&display=swap');
/* Hindi (Devanagari) */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Devanagari:wght@400;600;700;800;900&display=swap');
/* Malayalam */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Malayalam:wght@400;600;700;800;900&display=swap');

/* Language toggle button — desktop navbar */
.kn-lang {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1.5px solid currentColor;
  color: #fff;
  font-family: 'Montserrat', 'Cairo', sans-serif;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 1px;
  padding: 6px 10px;
  min-width: 44px;
  height: 32px;
  cursor: pointer;
  transition: background .2s, color .2s, transform .2s;
  white-space: nowrap;
  border-radius: 0;
}
.kn-lang:hover { background: #fff; color: #06101E; transform: translateY(-1px); }
.kt-nav.scrolled .kn-lang { color: #06101E; border-color: #06101E; }
.kt-nav.scrolled .kn-lang:hover { background: #06101E; color: #fff; }

/* Mobile language toggle */
.mob-lang {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1.5px solid #C5A35C;
  color: #C5A35C;
  font-family: 'Montserrat', 'Cairo', sans-serif;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 1px;
  padding: 8px 14px;
  cursor: pointer;
  width: 100%;
  margin-top: 12px;
  transition: background .2s, color .2s;
  border-radius: 0;
}
.mob-lang:hover { background: #C5A35C; color: #06101E; }

/* ── Arabic font when lang-ar active — layout unchanged ── */
body.lang-ar {
  font-family: 'Cairo', 'Tajawal', 'Montserrat', sans-serif;
}
body.lang-ar h1, body.lang-ar h2, body.lang-ar h3,
body.lang-ar h4, body.lang-ar h5, body.lang-ar h6 {
  font-family: 'Cairo', 'Tajawal', sans-serif;
}

/* ── Hindi font when lang-hi active ── */
body.lang-hi {
  font-family: 'Noto Sans Devanagari', 'Montserrat', sans-serif;
}
body.lang-hi h1, body.lang-hi h2, body.lang-hi h3,
body.lang-hi h4, body.lang-hi h5, body.lang-hi h6 {
  font-family: 'Noto Sans Devanagari', sans-serif;
}

/* ── Malayalam font when lang-ml active ── */
body.lang-ml {
  font-family: 'Noto Sans Malayalam', 'Montserrat', sans-serif;
}
body.lang-ml h1, body.lang-ml h2, body.lang-ml h3,
body.lang-ml h4, body.lang-ml h5, body.lang-ml h6 {
  font-family: 'Noto Sans Malayalam', sans-serif;
}

/* ── Language dropdown menu ── */
.lang-dropdown {
  position: relative;
  display: inline-flex;
}
.lang-dropdown-menu {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  background: #06101E;
  border: 1px solid rgba(197,163,92,0.3);
  min-width: 140px;
  z-index: 9999;
  flex-direction: column;
}
.lang-dropdown-menu.open { display: flex; }
.lang-dropdown-menu button {
  background: none;
  border: none;
  color: #fff;
  font-family: 'Montserrat', 'Cairo', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  padding: 10px 16px;
  text-align: left;
  cursor: pointer;
  transition: background .15s, color .15s;
  width: 100%;
}
.lang-dropdown-menu button:hover { background: rgba(197,163,92,0.15); color: #C5A35C; }
.lang-dropdown-menu button.active { color: #C5A35C; }

/* Mobile language picker */
.mob-lang-wrap {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 12px;
}
.mob-lang-wrap button {
  background: none;
  border: 1.5px solid rgba(197,163,92,0.4);
  color: #C5A35C;
  font-family: 'Montserrat', 'Cairo', sans-serif;
  font-weight: 700;
  font-size: 12px;
  padding: 9px 14px;
  cursor: pointer;
  text-align: left;
  transition: background .2s, color .2s;
  border-radius: 0;
}
.mob-lang-wrap button:hover,
.mob-lang-wrap button.active { background: #C5A35C; color: #06101E; }