/* =========================
   elegit theme (from logo)
   ========================= */
:root{
  --brand:        #267cc7;
  --brand-deep:   #0242a3;
  --ink:          #2b3237;
  --ink-strong:   #030405;
  --muted:        #bac7d4;
  --bg:           #f7f9fc;
  --ring:         rgba(38,124,199,0.35);
}

html, body { height: 100%; }
body {
  background: var(--bg);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.brand-name { font-weight: 600; letter-spacing: 0.2px; color: var(--ink-strong); }
.hero-banner img {
       	max-height: 360px;    /* crop if too tall */
	object-fit: cover;    /* ensure it scales nicely */
	border-radius: 0;     /* flush edges */
      }
      

onavbar .nav-link { color: var(--ink); opacity: .9; }
.navbar .nav-link:hover, .navbar .nav-link.active { color: var(--brand-deep); }
/* Bigger logo in navbar */
.navbar .logo-img {
	  max-height: 120px;
	    width: auto;
    }


.card, .alert { border-radius: 1rem; }
.subtle-shadow { box-shadow: 0 0 0 1px rgba(3,4,5,0.02), 0 4px 16px rgba(2,66,163,0.06); }

.btn-primary {
  --bs-btn-color:#fff;
  --bs-btn-bg:var(--brand);
  --bs-btn-border-color:var(--brand);
  --bs-btn-hover-bg:var(--brand-deep);
  --bs-btn-hover-border-color:var(--brand-deep);
  --bs-btn-focus-shadow-rgb:38,124,199;
}

a { color: var(--brand); text-decoration-thickness: .07em; }
a:hover { color: var(--brand-deep); }

.border-top, .border-bottom, .card, .navbar, .form-control, .form-select {
  border-color: var(--muted) !important;
}

.form-control:focus, .form-select:focus, .btn:focus {
  box-shadow: 0 0 0 .25rem var(--ring);
  border-color: var(--brand);
}

.hero { padding: 2.5rem 0 .5rem; text-align: center; }
.hero-title { color: var(--ink-strong); font-weight: 800; letter-spacing: .2px; }
.hero-sub { max-width: 48rem; margin-inline: auto; color: #49525a; }

.link-muted { color: #6c7a86; text-decoration: none; }
.link-muted:hover { color: var(--brand-deep); }

/* Footer styling */
.site-footer {
  background: linear-gradient(135deg, var(--brand-deep), var(--brand));
}

.site-footer h5, .site-footer h6 {
  color: #fff;
}

.site-footer p, .site-footer .footer-link {
  color: #e0e7f1;
  margin-bottom: 0.3rem;
}

.site-footer .footer-link:hover {
  color: #fff;
  text-decoration: underline;
}