/* ==========================================================================
   bg-transparency-overrides.css
   Makes ONLY the plain-white-background sections/elements semi-transparent
   so the site-wide low-poly pattern (css/background.css, images/bg-pattern.svg)
   shows through them. Everything else (cream/paper sections, navy header
   and footer, cards/chips) is left completely untouched at its original
   opaque background - this file does not declare anything for those.

   Sections in index.html that have no special background class, and so
   render on plain white by default, are: hero, ai-layout, how-it-works,
   saved-cvs, templates, industries, faq, cta-final.

   Load this LAST, after every other stylesheet (including page-extras.css),
   so it reliably overrides the white default without needing !important
   scattered everywhere else.
   ========================================================================== */

#hero,
#ai-layout,
#how-it-works,
#saved-cvs,
#templates,
.industries,
#faq,
.cta-final {
  background-color: rgba(255, 255, 255, 0.55) !important;
}