@import url("hero-safe-layout.css");
@import url("mobile-language-switch.css");

/* HPH bilingual website — R5 responsive hardening. */
@font-face {
  font-family: "MV Waheed";
  src: url("fonts/Waheed.ttf") format("truetype");
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
}

.language[lang="dv"],
.language-link[lang="dv"] {
  font-family: "MV Waheed", "Noto Sans Thaana", Tahoma, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
}

@media (max-width: 980px) {
  html,
  body {
    max-width: 100%;
    overflow-x: clip;
  }

  .form-layout,
  .container.form-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .form-layout > *,
  .form-panel,
  .form-copy,
  .process-band > *,
  .metric-grid > *,
  .feature-grid > *,
  .section-intro > *,
  .statement > *,
  .cta-inner > * {
    min-width: 0;
  }
}

@media (min-width: 761px) and (max-width: 900px) {
  .process-band,
  .metric-grid,
  .feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .process-step {
    min-width: 0;
  }
}

@media (max-width: 760px) {
  .container,
  .header-inner,
  .form-layout,
  .section-intro,
  .statement,
  .cta-inner,
  .hero-grid,
  .process-band,
  .metric-grid,
  .feature-grid {
    min-width: 0;
    max-width: 100%;
  }

  .identity-panel .reg-number {
    font-size: clamp(28px, 10vw, 38px) !important;
    letter-spacing: -0.045em;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  input,
  select,
  textarea,
  button {
    max-width: 100%;
  }

  .menu-toggle,
  .menu-button {
    min-width: 44px;
    min-height: 44px;
  }
}

@media (max-width: 360px) {
  .identity-panel {
    padding-inline: 28px !important;
  }

  .identity-panel .reg-number {
    font-size: 30px !important;
  }
}