/* EZWB Root Portal helpers */

/* Inline SVG Bootstrap Icons (injected via js/scripts.js) */
.bi {
  vertical-align: -0.125em;
}

/* Prevent layout shift while the shared nav fragment loads */
#nav-placeholder{
  /* Reserve space for the fixed nav so the page doesn't jump and content
     doesn't slide under the navbar while it loads. */
  min-height: 70px;
}

/* Keep the top nav stable and easy to tap/click */
.ezwb-topnav{
  border-bottom: 1px solid rgba(255,255,255,0.12);
}

/* Make the fixed nav feel tight (avoid extra Bootstrap navbar padding) */
.ezwb-topnav.navbar{
  padding-top: 0;
  padding-bottom: 0;
}

.ezwb-topnav .navbar-brand{
  padding-top: 8px;
  padding-bottom: 8px;
}

.ezwb-topnav .navbar-brand img{
  height: 52px;
  width: auto;
  display: block;
}

/* Do not animate the nav on scroll */
.ezwb-topnav,
.ezwb-topnav *{
  transition: none !important;
  transform: none !important;
}

/* Find page results */
.ezwb-find-results .list-group-item{
  padding: 0.85rem 1rem;
}
.ezwb-find-results .badge{
  align-self: center;
}

/* Home hero */
.ezwb-hero{
  position: relative;
  overflow: hidden;
  padding-top: 1.25rem;
  padding-bottom: 3rem;
}

/* Tighten hero spacing so content starts closer to the nav */
.ezwb-hero-copy{
  padding-top: 1rem;
  padding-bottom: 0;
}

/* Large hero logo (use high-res brand export; CSS makes it one-color white) */
.ezwb-hero-brand{
  margin-bottom: 18px;
}
.ezwb-hero-logo{
  max-width: 520px;
  width: 100%;
  height: auto;
  display: block;
  filter: invert(1);
}

/* Hero photo spacing */
.ezwb-hero-photo{
  margin-top: 1rem;
  margin-bottom: 0;
}

@media (max-width: 768px){
  .ezwb-hero-logo{ max-width: 340px; }
}

@media (min-width: 1200px){
  .ezwb-hero{ padding-top: 1.5rem; }
  .ezwb-hero-photo{ margin-top: 1.25rem; }
}