/* ://WEBGOLD — Resources page
   zeyna-child/assets/css/wg-resources.css
   Every rule is scoped to .wg-resources (root container of the Resources Ecosystem template). */

/* Cards are links: keep text styling, not link styling */
.wg-resources a.wg-res-card,
.wg-resources a.wg-res-card:hover { text-decoration: none; color: inherit; }

/* Blackout cards: flip text to Glare */
.wg-resources .wg-res-card--dark :is(h1, h2, h3, h4, h5, h6) { color: #FFF0D9 !important; }
.wg-resources .wg-res-card--dark p,
.wg-resources .wg-res-card--dark .use--sec--color,
.wg-resources .wg-res-card--dark .use--sec--color * { color: rgba(255, 240, 217, 0.72) !important; }

/* Gold / Sandstone cards: Blackout headings, Slate body */
.wg-resources :is(.wg-res-card--gold, .wg-res-card--sand) h3 { color: #191919 !important; }
.wg-resources :is(.wg-res-card--gold, .wg-res-card--sand) :is(p, .use--sec--color) { color: #3A3A3A !important; }

/* Tag chips */
.wg-resources .wg-res-chip,
.wg-resources .wg-res-chip * { color: #191919 !important; letter-spacing: 0.08em; font-weight: 600; }
.wg-resources .wg-res-chip--orange,
.wg-resources .wg-res-chip--orange * { color: #FFFFFF !important; }

/* Icons: Orange as punctuation, Gold on dark */
.wg-resources .wg-res-icon :is(i, svg) { color: #FC4521 !important; fill: #FC4521 !important; }
.wg-resources .wg-res-card--dark .wg-res-icon :is(i, svg) { color: #F1C36D !important; fill: #F1C36D !important; }

/* Hover: orange underline on card title, chip brightens on dark cards */
.wg-resources .wg-res-card h3 {
  text-decoration: underline 2px transparent;
  text-underline-offset: 6px;
  transition: text-decoration-color .25s ease;
}
.wg-resources .wg-res-card:hover h3 { text-decoration-color: #FC4521; }
.wg-resources .wg-res-card .wg-res-chip--orange { transition: filter .25s ease; }
.wg-resources .wg-res-card:hover .wg-res-chip--orange { filter: brightness(1.12); }

/* Topic carousel cards */
.wg-resources .wg-res-topic h5 { color: #191919 !important; }
.wg-resources .wg-res-topic p  { color: #3A3A3A !important; }

/* Gold cards (News, Newsletters, Tools): Blackout icons, both modes. The icon sits on its Glare tile (#FFF0D9) in
   the card's corner: orange there was 3.1:1, Blackout is 15.7:1. !important: the icon rule above sets the orange
   with !important. (2026-10-28) */
.wg-resources .wg-res-card--gold .wg-res-icon :is(i, svg) { color: #191919 !important; fill: #191919 !important; }