/* STAGING-ADAPTER HERO-GLASS (Waqas 2026-10-21): one light-mode treatment for every page's top banner.
   "check each and every tab and make them all the same where necessary only like you just did for the Events banner."
   The reference is the Events banner (PR #264, EV-HERO-GLASS): in LIGHT mode the banner is a frosted-glass card:
   semi-opaque white + backdrop blur, a top sheen, the site-blue border used by the feed composer card / active nav,
   a soft outer shadow and a faint brand-orange glow. Particles (the hero <canvas>) are kept.
   DARK MODE IS UNCHANGED: every rule here is scoped to html[data-theme="light"].
   Linked last in <head> by the pages whose light banner was a dark box, a light-to-dark-slate gradient or pale on pale
   (education, events-calendar, marketplace, mentor-match, job-board). The "html" in each selector outranks the pages'
   own [data-theme="light"] hero rules, including the ones their scripts inject at run time (WAQAS-MENTOR M3). */
html[data-theme="light"] .pb-community-hero,
html[data-theme="light"] .edu-hero {
  background-color: rgba(255,255,255,0.72);
  background-image: linear-gradient(180deg,rgba(255,255,255,0.75) 0%,rgba(255,255,255,0) 42%),radial-gradient(360px 150px at 62% 38%,rgba(241,66,11,0.10),transparent 70%),radial-gradient(900px 220px at 10% -30%,rgba(42,147,193,0.16),transparent 60%),radial-gradient(700px 180px at 95% 130%,rgba(42,147,193,0.12),transparent 60%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  backdrop-filter: blur(14px) saturate(140%);
  border: 1px solid rgba(42,147,193,0.45);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.9),inset 0 0 0 1px rgba(255,255,255,0.35),0 10px 30px rgba(30,60,90,0.12),0 2px 6px rgba(42,147,193,0.10);
}
html[data-theme="light"] .pb-community-hero::after {
  background: linear-gradient(180deg,rgba(255,255,255,0) 60%,rgba(42,147,193,0.06) 100%);
}
/* Banner text on the glass: dark heading + slate subline (AA on the glass). The orange .accent word keeps its colour
   (large bold text, 3:1). Job Board's design paints its banner text white over a dark overlay: both follow the glass. */
html[data-theme="light"] .pb-hero-content h2,
html[data-theme="light"] .pb-community-hero h2,
html[data-theme="light"] .edu-hero h1 {
  color: #1a1a2e;
}
html[data-theme="light"] .pb-hero-content p,
html[data-theme="light"] .pb-community-hero p,
html[data-theme="light"] .edu-hero-sub {
  color: #4a5568;
}
html[data-theme="light"] .pb-community-hero .hero-overlay {
  background: none;
}