/* PyroDust emergency fix: CSS-only styling, no HTML edits required.
   Remove this <link> to roll back instantly. */


/* Restrict ember glow only to the top navigation bar */
body > header:first-of-type nav a {
  color: #fff;
  text-decoration: none;
  text-shadow:
    0 0 6px rgba(230,90,19,.25),
    0 0 12px rgba(230,90,19,.15);
}


/* 2) Hero brand lines: strong on H1, medium on first paragraph */
.hero h1 {
  color:#fff;
  text-shadow:
    0 0 8px rgba(230,90,19,.40),
    0 0 16px rgba(230,90,19,.30),
    0 0 28px rgba(255,140,50,.20);
}
.hero p:first-of-type {
  color:#fff;
  text-shadow:
    0 0 6px rgba(230,90,19,.30),
    0 0 14px rgba(255,140,50,.20);
}

/* 3) Headings site-wide */
.hero h2,
.hero h3 {
  color:#fff;
  text-shadow:
    0 0 6px rgba(230,90,19,.25),
    0 0 12px rgba(230,90,19,.15);
}

.pyro-nav {
  background-image: url('Images/nav-bar-bq.jpg');
  background-size: cover;
  background-position: center top; /* or try 20%, 40%, -40px */
}

/* readabilty enhancement*/

.pyro-nav::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.6); /* 60% black overlay */
  z-index: -1;
}