/* HAIT brand theme - Website, portals and login page (templates/web.html pages)
   Palette from haitedu.com: navy #010743 / #111d5e, gold #daa520, bg #f4f6f9 */

@import url("https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap");

:root {
  --hait-navy: #010743;
  --hait-navy-soft: #111d5e;
  --hait-gold: #daa520;
  --hait-gold-ink: #3a2c00;
}

body {
  font-family: "Kanit", "InterVariable", "Inter", -apple-system, BlinkMacSystemFont,
    "Segoe UI", "Roboto", sans-serif;
}

/* ---- Website navbar: navy with gold underline ---- */
.web-header .navbar,
nav.navbar.navbar-light,
nav.navbar.navbar-expand-lg {
  background: var(--hait-navy) !important;
  border-bottom: 3px solid var(--hait-gold);
}

.navbar-light .navbar-brand,
.navbar-light .navbar-nav .nav-link,
.navbar .navbar-nav .nav-link,
.navbar-light .navbar-toggler {
  color: #ffffff !important;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link:hover {
  color: var(--hait-gold) !important;
}

.navbar-light .navbar-toggler {
  border-color: rgba(255, 255, 255, 0.35);
}

.navbar img.app-logo,
.navbar .navbar-brand img {
  content: url("/assets/hait_edu/images/white-logo.png");
  height: 28px;
}

/* ---- Buttons ---- */
.btn-primary {
  background-color: var(--hait-navy) !important;
  border-color: var(--hait-navy) !important;
  color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--hait-navy-soft) !important;
  border-color: var(--hait-navy-soft) !important;
}

a {
  color: var(--hait-navy-soft);
}

a:hover {
  color: var(--hait-navy);
}

/* ---- Login page (frappe/www/login.html) ---- */
.for-login,
.for-signup,
.for-forgot,
.for-email-login {
  background: #f4f6f9;
}

.for-login .page-card,
.for-signup .page-card,
.for-forgot .page-card {
  background: #ffffff;
  border: 1px solid #e3e6ee;
  border-top: 4px solid var(--hait-gold);
  border-radius: 12px;
  box-shadow: 0 14px 40px rgba(1, 7, 67, 0.10);
  padding: 2rem 1.75rem;
}

.for-login .page-card-head h4,
.for-login .page-card-head .lead,
.for-signup .page-card-head h4 {
  color: var(--hait-navy);
  font-weight: 600;
}

.for-login .app-logo,
.for-signup .app-logo {
  max-height: 52px;
}

/* Gold call-to-action login button, matching haitedu.com CTAs */
.for-login .btn-primary,
.for-login .btn-login,
.for-signup .btn-primary {
  background-color: var(--hait-gold) !important;
  border-color: var(--hait-gold) !important;
  color: var(--hait-gold-ink) !important;
  font-weight: 600;
}

.for-login .btn-primary:hover,
.for-login .btn-login:hover,
.for-signup .btn-primary:hover {
  background-color: #c2901a !important;
  border-color: #c2901a !important;
  color: var(--hait-gold-ink) !important;
}

.for-login a,
.for-signup a {
  color: var(--hait-navy-soft);
}

/* ---- Footer ---- */
.web-footer {
  background: var(--hait-navy);
  border-top: 3px solid var(--hait-gold);
}

.web-footer,
.web-footer a,
.web-footer .footer-col-left,
.web-footer .text-muted {
  color: #cdd2e6 !important;
}

.web-footer a:hover {
  color: var(--hait-gold) !important;
}