/* Language toggle (English / తెలుగు) — page-local, sits inside the sticky navbar */

.navbar__right {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-shrink: 0;
}

/* Make room for the toggle: tighten the navbar padding, trim the logo a little
   and let the call button hug its label instead of holding a fixed 7.59rem.
   Page-local overrides — the shared navbar CSS is untouched. */
.navbar {
  padding-left: 0.7rem;
  padding-right: 0.7rem;
  gap: 0.4rem;
}
.navbar__logo {
  width: 5.2rem;
}
.navbar__call-btn {
  width: auto;
  padding: 0 0.6rem;
}

.lang-toggle {
  display: inline-flex;
  align-items: center;
  padding: 0.08rem;
  border: 1px solid var(--brandClr);
  border-radius: 1.09rem;
  background-color: #ffffff;
  flex-shrink: 0;
}

.lang-toggle__option {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.6rem;
  padding: 0 0.35rem;
  border-radius: 1.09rem;
  font-family: "Poppins", sans-serif;
  font-size: var(--font-12);
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  color: var(--brandClr);
  text-decoration: none;
  background-color: transparent;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.lang-toggle__option--te {
  font-family: "Noto Sans Telugu", sans-serif;
}

.lang-toggle__option:hover,
.lang-toggle__option:focus-visible {
  background-color: #f2e6f4;
  color: var(--brandClr);
}

.lang-toggle__option.is-active,
.lang-toggle__option.is-active:hover {
  background-color: var(--brandClr);
  color: #ffffff;
}

/* Short label on phones, full word from tablet up */
.lang-toggle__label--full {
  display: none;
}
.lang-toggle__label--short {
  display: inline;
}

/* The body-level Telugu font override must not reach the English label */
.telugu-font .lang-toggle__option--en {
  font-family: "Poppins", sans-serif !important;
}

@media screen and (min-width: 768px) {
  .navbar {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .navbar__logo {
    width: 6rem;
  }
  .navbar__call-btn {
    padding: 0 0.45rem;
  }
  .lang-toggle {
    padding: 0.05rem;
  }
  .lang-toggle__label--full {
    display: inline;
  }
  .lang-toggle__label--short {
    display: none;
  }
  .lang-toggle__option {
    height: 1.05rem;
    padding: 0 0.4rem;
    font-size: var(--font-lg-28);
    font-weight: 600;
  }
}
