/* Extracted inline background images & accessibility helpers */
.bg-hero-1 {
  background-image: url("../images/hero_bg_1.jpg");
}

.bg-hero-2 {
  background-image: url("../images/hero_bg_2.jpg");
}

.bg-hero-3 {
  background-image: url("../images/hero_bg_3.jpg");
}

.hero-bg-3 {
  background-image: url("../images/hero_bg_3.jpg");
}

.hero-bg-1 {
  background-image: url("../images/hero_bg_1.jpg");
}

.hero-bg-2 {
  background-image: url("../images/hero_bg_2.jpg");
}

/* Ensure background sections retain original sizing */
.bg-hero-1,
.bg-hero-2,
.bg-hero-3,
.hero-bg-1,
.hero-bg-2,
.hero-bg-3 {
  background-size: cover;
  background-position: center;
}

/* Visually hidden utility (Bootstrap already provides .visually-hidden but ensure fallback) */
.visually-hidden,
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}

/* Icon link focus outline for accessibility */
.icon-link:focus,
.social a:focus {
  outline: 2px solid var(--brand-primary);
  outline-offset: 2px;
}

/* Skip link styles */
.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: var(--brand-primary);
  color: #fff;
  padding: 8px 12px;
  z-index: 1000;
}

.skip-link:focus {
  top: 0;
}