/* LWTC Packages — front-end header enhancements
 * Adds a subtle bottom border and light shadow to common header selectors
 * Tweak selectors if your theme uses different header classes/IDs.
 */

header.site-header,
header#masthead,
.site-header,
#masthead,
.header,
.site-header-wrap,
.masthead {
  border-bottom: 1px solid #fffefe;
  box-shadow: 0 6px 18px rgba(2,6,23,0.06);
  transition: box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
  backdrop-filter: blur(3px);
}

/* Slightly stronger when header becomes sticky/fixed */
.sticky header.site-header,
header.site-header.sticky,
header.is-sticky,
.is-sticky .site-header {
  box-shadow: 0 10px 26px rgba(2,6,23,0.08);
}

/* Ensure inner content doesn't overlap when header has transparency */
header.site-header *,
header#masthead *,
.site-header * {
  z-index: 2;
}

/* Optional: reduce shadow on small screens for performance */
@media (max-width: 560px) {
  header.site-header,
  header#masthead,
  .site-header {
    box-shadow: 0 4px 10px rgba(2,6,23,0.05);
  }
}

/* End of LWTC header tweaks */