/* Extracted inline background images for hero section */

/* Hero slider background images - displayed via TinySlider carousel */
.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");
}

/* Non-slider page hero backgrounds */
.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 images display properly with cover sizing */
/* (Core positioning rules are in style.css .hero.page-inner.overlay section) */
.bg-hero-1,
.bg-hero-2,
.bg-hero-3,
.hero-bg-1,
.hero-bg-2,
.hero-bg-3 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* 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;
}