/* Distinct hand-drawn illustrations for each working area. Local edition only. */
body.thanksgiving-theme :is(#homePanel .values-card .section-heading,#adminHomePanel .home-card:first-child .section-heading) { --thanksgiving-section-art: url('/assets/thanksgiving-home.webp'); }
body.thanksgiving-theme :is(#newsPanel,#adminNewsPanel,#homeNewsPreview,#adminHomeNewsPreview,.guest-preview-panel[data-guest-preview-panel="news"]) { --thanksgiving-section-art: url('/assets/thanksgiving-news.webp'); }
body.thanksgiving-theme :is(#rafflesPanel,#adminRafflesPanel,.guest-preview-panel[data-guest-preview-panel="raffles"]) { --thanksgiving-section-art: url('/assets/thanksgiving-raffles.webp'); }
body.thanksgiving-theme :is(#bankPanel,#adminMyBalancePanel,.guest-preview-panel[data-guest-preview-panel="balance"]) { --thanksgiving-section-art: url('/assets/thanksgiving-balance.webp'); }
body.thanksgiving-theme :is(#cryptoPanel,#adminCurrenciesPanel,#dittChartPanel,.guest-preview-panel[data-guest-preview-panel="currencies"],.guest-preview-panel[data-guest-preview-panel="crypto"]) { --thanksgiving-section-art: url('/assets/thanksgiving-currencies.webp'); }
body.thanksgiving-theme :is(#adminExchangesPanel,.guest-preview-panel[data-guest-preview-panel="exchanges"]) { --thanksgiving-section-art: url('/assets/thanksgiving-exchanges.webp'); }
body.thanksgiving-theme :is(#stocksPanel,#adminStockPanel,.guest-preview-panel[data-guest-preview-panel="inventory"]) { --thanksgiving-section-art: url('/assets/thanksgiving-inventory.webp'); }
body.thanksgiving-theme :is(#schedulePanel,#adminSchedulesPanel,#adminScheduledShiftPanel,.guest-preview-panel[data-guest-preview-panel="schedules"]) { --thanksgiving-section-art: url('/assets/thanksgiving-schedules.webp'); }
body.thanksgiving-theme :is(#adminOverviewPanel,#signupPanel,#signinPanel,#adminLoginPanel,#adminSignupPanel,#cpaLoginPanel,#cpaSignupPanel,.guest-preview-panel[data-guest-preview-panel="accounts"]) { --thanksgiving-section-art: url('/assets/thanksgiving-accounts.webp'); }
body.thanksgiving-theme :is(#recoveryPanel,#adminRecoveryPanel) { --thanksgiving-section-art: url('/assets/thanksgiving-recovery.webp'); }
body.thanksgiving-theme .members-hero { --thanksgiving-section-art: url('/assets/thanksgiving-board.webp'); }
body.thanksgiving-theme .guide-copy { --thanksgiving-section-art: url('/assets/thanksgiving-guide.webp'); }
body.thanksgiving-theme :is(#adminCpaLogsPanel,#adminControlPanel) { --thanksgiving-section-art: url('/assets/thanksgiving-audit.webp'); }
body.thanksgiving-theme :is(#adminRequestsPanel,#adminCpaRequestsPanel) { --thanksgiving-section-art: url('/assets/thanksgiving-requests.webp'); }
body.thanksgiving-theme :is(#adminSignupPanel,#cpaSignupPanel) { --thanksgiving-section-art: url('/assets/thanksgiving-requests.webp'); }
body.thanksgiving-theme .guest-preview-panel[data-guest-preview-panel="barista"] { --thanksgiving-section-art: url('/assets/thanksgiving-hot-chocolate.webp'); }

/* Reserve heading space so artwork cannot cover titles, fields, or controls. */
body.thanksgiving-theme :is(
  #homePanel .values-card .section-heading,#adminHomePanel .home-card:first-child .section-heading,
  #bankPanel .section-heading,#adminMyBalancePanel .section-heading,
  #cryptoPanel .market-strip,#adminCurrenciesPanel > .roster-panel > .section-heading,#dittChartPanel .section-heading,
  #adminExchangesPanel .section-heading,#stocksPanel .market-strip,#adminStockPanel > .tool-panel > .section-heading,
  #adminScheduledShiftPanel > .section-heading,#adminOverviewPanel > .roster-panel:first-child > .section-heading,
  .auth-panel > .section-heading,#adminRecoveryPanel .section-heading,#adminCpaLogsPanel .section-heading,
  #adminControlPanel .section-heading,#adminRequestsPanel .section-heading,#adminCpaRequestsPanel .section-heading
) {
  position: relative;
  padding-inline-end: 155px;
  min-height: 142px;
}
body.thanksgiving-theme :is(
  #homePanel .values-card .section-heading,#adminHomePanel .home-card:first-child .section-heading,
  #bankPanel .section-heading,#adminMyBalancePanel .section-heading,
  #cryptoPanel .market-strip,#adminCurrenciesPanel > .roster-panel > .section-heading,#dittChartPanel .section-heading,
  #adminExchangesPanel .section-heading,#stocksPanel .market-strip,#adminStockPanel > .tool-panel > .section-heading,
  #adminScheduledShiftPanel > .section-heading,#adminOverviewPanel > .roster-panel:first-child > .section-heading,
  .auth-panel > .section-heading,#adminRecoveryPanel .section-heading,#adminCpaLogsPanel .section-heading,
  #adminControlPanel .section-heading,#adminRequestsPanel .section-heading,#adminCpaRequestsPanel .section-heading
)::after {
  content: ""; position: absolute; top: 0; right: 0; width: 140px; height: 138px;
  background: var(--thanksgiving-section-art) center / contain no-repeat;
  pointer-events: none;
}
body.thanksgiving-theme :is(#newsPanel .market-strip,#adminNewsPanel .section-heading,#rafflesPanel .market-strip,#adminRafflesPanel .section-heading,#schedulePanel .market-strip,#adminSchedulesPanel .section-heading) {
  min-height: 142px; padding-inline-end: 155px;
}
body.thanksgiving-theme :is(#newsPanel .market-strip,#adminNewsPanel .section-heading,#rafflesPanel .market-strip,#adminRafflesPanel .section-heading,#schedulePanel .market-strip,#adminSchedulesPanel .section-heading)::after {
  width: 140px; height: 138px; right: 0; top: 0;
}

/* Larger feature placements on informational pages; branding remains visible. */
body.thanksgiving-theme .members-hero { position: relative; padding-bottom: 170px; }
body.thanksgiving-theme .members-hero::after {
  content: ""; position: absolute; right: 30px; bottom: 10px; width: 235px; height: 160px;
  background: var(--thanksgiving-section-art) center / contain no-repeat; pointer-events: none;
}
body.thanksgiving-theme .guide-copy::before {
  content: ""; float: right; width: 170px; height: 170px; margin: 0 0 20px 24px;
  background: var(--thanksgiving-section-art) center / contain no-repeat;
}
body.thanksgiving-theme .guide-copy::after { content: ""; display: block; clear: both; }

/* Preview panels get the matching illustration even when their markup is minimal. */
body.thanksgiving-theme .guest-preview-panel:not([data-guest-preview-panel="home"])::before {
  content: ""; display: block; height: 155px; width: min(220px, 100%); justify-self: end;
  background: var(--thanksgiving-section-art) center / contain no-repeat;
}
body.thanksgiving-theme .guest-preview-panel[data-guest-preview-panel="home"]::after {
  content: ""; display: block; width: min(300px, 70vw); height: 180px; justify-self: end;
  background: url('/assets/thanksgiving-home.webp') center / contain no-repeat;
}
@media (max-width: 600px) {
  body.thanksgiving-theme .auth-panel > .section-heading { min-height: 120px; padding-inline-end: 115px; }
  body.thanksgiving-theme .auth-panel > .section-heading::after { width: 104px; height: 110px; }
  body.thanksgiving-theme .guide-copy::before { width: 115px; height: 115px; margin-left: 14px; }
  body.thanksgiving-theme .members-hero::after { right: 16px; width: 180px; }
}