@import url('https://fonts.googleapis.com/css2?family=Alegreya:wght@400;700&family=Lato:wght@400;700&family=Montserrat:wght@400;700&family=Playfair+Display:wght@400;700&family=Raleway:wght@400;700&family=Roboto:wght@400;700&display=swap');


:root {
  --clinic-purple: rgb(109, 60, 94);
  --header-h: 132px; /* fallback; JS in header.php sets the real height */
}

/* Make the entire header stick as a single unit */
#site-header-wrap {
  position: sticky;
  top: 0;
  z-index: 1030;
  background: #fff; /* prevents transparency when sticky overlaps content */
}

/* Top Info Bar */
.address-bar {
  background-color: var(--clinic-purple);
  color: #fff;
}

/* Icons in the top bar */
.address-bar i { color: #fff; }

/* Links in top bar */
.address-bar a {
  color: #fff;
  text-decoration: none;
}
.address-bar a:hover { text-decoration: underline; }

/* Navbar (no fixed positioning) */
.navbar {
  position: relative;
  box-shadow: 0 2px 6px rgba(0,0,0,.1);
  background-color: #fff;
}
.navbar-brand img { height: 75px; }
.navbar-nav { margin: 0 auto; }
.nav-link {
  color: var(--clinic-purple) !important;
  font-size: 1.5em;
  padding: 0.5rem 0.75rem;
  border-radius: 4px;
  transition: background-color 200ms ease;
}
.nav-link:hover { background-color: rgba(109, 60, 94, 0.1); }

/* Dropdowns */
.dropdown-menu {
  display: none;
  opacity: 0;
  transform: translateY(10px) scale(0.95);
  animation: dropdownFade 300ms ease forwards;
  background-color: #fff;
  text-align: center;
  border: none;
}
@keyframes dropdownFade {
  to { opacity: 1; transform: translateY(0) scale(1); }
}
.dropdown:hover .dropdown-menu { display: block; }

.dropdown-menu .dropdown-item {
  font-size: 1.2rem;
  padding: 0.75rem 1rem;
  color: var(--clinic-purple);
  transition: background-color 200ms ease, color 200ms ease;
}
.dropdown-menu .dropdown-item:hover {
  background-color: var(--clinic-purple);
  color: #fff;
}
.dropdown-divider {
  border-top: 1px solid #999;
  margin: 0.25rem 0;
}

.dropdown-menu.show {
  display: block;          /* <-- ensure visible on tap */
  opacity: 1;
  transform: none;
}


/* Responsive tweaks */
@media (max-width: 991.98px) {
  .navbar-nav { gap: 1.5rem; }
  /* Make the top bar roomier and simplify content at small sizes */
  .address-bar .address-text { display: none !important; }
  .address-bar i { font-size: 1.25rem; margin-right: 0; }
}
@media (min-width: 992px) {
  .navbar-nav { display: flex; gap: 4rem; }
}

/* Helpful global: anchor jumps won’t hide under sticky header */
html { scroll-padding-top: var(--header-h); }

/* IMPORTANT: remove any fixed positioning from previous version */
.address-bar,
.navbar {
  /* old code had: position: fixed; top: ...; z-index: 1000; */
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: 100%;
  z-index: auto;
}

/* Navbar Item Styling */
#about-link,
#doctors-link,
#services-link,
#resources-link,
#directions-link,
#contact-link{
  font-size: 1.35em;
}