/* Eg-theme.css — extends Bootstrap 5.3.2 with a clean medical style */



:root {

  --eg-primary: #0B5ED7; /* Bootstrp blue-ish, slightly deeper */

  --eg-accent: #198754; /* Bootstrap's success green */

  --eg-text: #1B2734;

  --eg-muted: #6c757d;

  --eg-bg: #ffffff;

  --eg-bg-soft: #f8f9fa;

}



html[data-bs-theme="dark"] {

  --eg-primary: #6ea8fe;

  --eg-accent: #7bdcb5;

  --eg-text: #e9ecef;

  --eg-muted: #9aa0a6;

  --eg-bg: #0b0f14;

  --eg-bg-soft: #11161d;

}



body {

  color: var(--eg-text);

  background-color: var(--eg-bg);

  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;

}



a { text-decoration: none; }

a:hover { text-decoration: underline; }



/* Navbar */

.navbar {

  backdrop-filter: saturate(180%) blur(8px);

  background-color: color-mix(in oklab, var(--eg-bg) 85%, transparent);

  border-bottom: 1px solid rgba(0,0,0,.04);

}

[data-bs-theme="dark"] .navbar {

  background-color: color-mix(in oklab, var(--eg-bg) 60%, transparent);

  border-bottom-color: rgba(255,255,255,.06);

}



.navbar-brand span {

  font-weight: 700;

  letter-spacing: .1px;

}



/* CTA button */

.nav-link.cta, .btn-cta {

  background: var(--eg-accent);

  color: #fff !important;

  border-radius: .6rem;

  padding: .5rem 1rem;

  font-weight: 600;

  box-shadow: 0 0 0 0 rgba(25,135,84,.4);

  transition: transform .1s ease, box-shadow .25s ease;

}

.nav-link.cta:hover, .btn-cta:hover {

  transform: translateY(-1px);

  text-decoration: none;

  box-shadow: 0 8px 24px -12px rgba(25,135,84,.55);

}



/* Section helpers */

.section {

  padding-block: clamp(2rem, 3vw + 1rem, 5rem);

}

.section-title {

  font-weight: 800;

  letter-spacing: .2px;

  margin-bottom: 1rem;

}

.eyebrow {

  text-transform: uppercase;

  letter-spacing: .12em;

  font-weight: 700;

  color: var(--eg-accent);

  font-size: .85rem;

}



/* Hero */

.bg-primary-gradient {

  background: radial-gradient(1200px 800px at 85% -100px, color-mix(in oklab, var(--eg-primary) 28%, transparent), transparent 60%),

              linear-gradient(180deg, color-mix(in oklab, var(--eg-primary) 16%, var(--eg-bg)) 0%, var(--eg-bg) 70%);

}



/* Cards */

.card.eg-card {

  border: 1px solid rgba(0,0,0,.06);

  border-radius: 1rem;

  height: 100%;

  transition: transform .15s ease, box-shadow .25s ease, border-color .2s ease;

}

.card.eg-card:hover {

  transform: translateY(-3px);

  border-color: color-mix(in oklab, var(--eg-primary) 25%, transparent);

  box-shadow: 0 24px 60px -30px rgba(0,0,0,.25);

}

.eg-card .card-title {

  font-weight: 700;

  font-size: 1.1rem;

}



/* Icon circle */

.icon-circle {

  width: 48px; height: 48px;

  border-radius: 999px;

  display: inline-flex;

  align-items: center; justify-content: center;

  background: color-mix(in oklab, var(--eg-primary) 12%, var(--eg-bg-soft));

  color: var(--eg-primary);

}



/* Lists with checks */

.list-checks {

  padding-left: 0;

  list-style: none;

}

.list-checks li {

  display: flex; gap: .6rem; align-items: start;

  margin-bottom: .35rem;

}

.list-checks .bi { color: var(--eg-accent); margin-top: .25rem; }



/* Locations */

.location-item {

  border-radius: .75rem;

  background: var(--eg-bg-soft);

  padding: 1rem;

  border: 1px solid rgba(0,0,0,.06);

}



/* Contact */

.form-control, .form-select {

  border-radius: .6rem;

}

.form-control:focus {

  border-color: var(--eg-primary);

  box-shadow: 0 0 0 .25rem color-mix(in oklab, var(--eg-primary) 25%, transparent);

}



/* Footer */

footer {

  color: var(--eg-text);

}

footer .list-inline-item a { color: inherit; opacity: .8; }

footer .list-inline-item a:hover { opacity: 1; }



/* Smooth anchor scrolling */

html { scroll-behavior: smooth; }



/* Responsive helpers */

.hero-img {

  border-radius: 1rem;

  box-shadow: 0 20px 60px -30px rgba(0,0,0,.35);

  object-fit: cover;

}



/* Optional: reduce motion for users who prefer */

@media (prefers-reduced-motion: reduce) {

  * { transition: none !important; animation: none !important; }

}