/* Glass mode gives overview panels a see-through surface in both designs. */
body.lvd-portal[data-lvd-glass=on] #lvd-main.lvd-overview-page :is(
  .lvd-page-intro,
  .lvd-feature,
  .lvd-lv-hero,
  .lvd-lv-path,
  .lvd-card,
  .lvd-widget,
  .wp-block-group,
  .lvd-analysis-tile,
  .lvd-course-tile,
  .lvd-calendar,
  .lvd-account-panel,
  .lvd-empty,
  .lvd-event-date,
  .lvd-analysis-cover,
  .lvd-editorial-cover
){background:transparent!important;background-image:none!important}

body.lvd-portal[data-lvd-glass=on] #lvd-main.lvd-overview-page :is(
  .lvd-page-intro,
  .lvd-feature,
  .lvd-lv-hero,
  .lvd-lv-path,
  .lvd-overview-layout > *,
  .lvd-grid > .lvd-card,
  .lvd-analysis-tile,
  .lvd-course-tile
){-webkit-backdrop-filter:blur(14px) saturate(125%);backdrop-filter:blur(14px) saturate(125%)}

/* With glass off, widgets use a solid surface and no backdrop blur. */
body.lvd-portal[data-lvd-glass=off] #lvd-main.lvd-overview-page :is(
  .lvd-page-intro,
  .lvd-feature,
  .lvd-lv-hero,
  .lvd-lv-path,
  .lvd-card,
  .lvd-widget,
  .lvd-overview-layout > .wp-block-group,
  .lvd-analysis-tile,
  .lvd-course-tile,
  .lvd-calendar,
  .lvd-account-panel,
  .lvd-empty
){background:var(--lvd-surface)!important;background-image:none!important}
body.lvd-portal[data-lvd-glass=off] #lvd-main.lvd-overview-page,
body.lvd-portal[data-lvd-glass=off] #lvd-main.lvd-overview-page *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
body.lvd-portal.lvd-design-logicvektor[data-lvd-glass=off] #lvd-main.lvd-overview-page > .lvd-page-intro{background:none!important}

/* The LogicVektor hero originally assumes a dark, opaque panel. */
body.lvd-portal.lvd-design-logicvektor #lvd-main.lvd-overview-page .lvd-lv-hero :is(h2,.lvd-lv-hero-copy>p:not(.lvd-lv-kicker),.lvd-lv-secondary){color:var(--lvd-text)!important}