/**
 * SureDash portal → Quescol native light shell (sidebar + cards + show site menu).
 */

/* SureDash hides WP header/footer — force our injected .qc-site-header visible */
body:has(.portal-container) header.nav,
body:has(.portal-container) header.qc-site-header,
body.portal-container header.nav,
body.suredash-template header.nav,
body.qc-portal-skinned header.nav,
body.qc-tutor-skinned header.nav,
body.qc-tutor-skinned header.qc-site-header{
  display:block!important;
  position:sticky;
  top:0;
  z-index:10050;
  width:100%;
}
body:has(.portal-container) footer.site-footer{
  display:block!important;
}

/* Map portal tokens to Quescol (overrides dark navy sidebar palette) */
body:has(.portal-container),
body.portal-container,
body.suredash-template,
body.qc-portal-skinned,
body.palette-dark:has(.portal-container){
  --portal-global-color-1: var(--pen);
  --portal-global-color-2: var(--pen-deep);
  --portal-global-color-3: var(--ink);
  --portal-global-color-4: var(--ink);
  --portal-global-color-5: var(--card);
  --portal-global-color-6: var(--paper);
  --portal-global-color-7: var(--hairline);
  --portal-global-color-8: var(--hairline-strong);
  --portal-global-color-9: var(--ink-mute);
  --portal-accent-color: var(--pen)!important;
  --portal-primary-color: var(--card)!important;
  --portal-secondary-color: var(--paper)!important;
  --portal-content-bg-color: var(--card)!important;
  --portal-secondary-foreground-color: var(--ink)!important;
  --portal-text-color: var(--ink)!important;
  --portal-heading-color: var(--ink)!important;
  --portal-link-color: var(--pen)!important;
  --portal-link-active-color: var(--pen)!important;
  --portal-border-color: var(--hairline-strong)!important;
  --portal-placeholder-color: var(--ink-mute)!important;
  --portal-primary-button-color: #fff!important;
  --portal-primary-button-bg-color: var(--pen)!important;
  --portal-primary-button-hover-bg-color: var(--pen-deep)!important;
  --portal-text-secondary-color: var(--ink-mute)!important;
  --portal-text-tertiary-color: var(--ink-mute)!important;
  background:var(--paper)!important;
  color:var(--ink)!important;
  font-family:var(--body);
}
html:has(body.portal-container),
html:has(body.suredash-template),
html:has(body.qc-portal-skinned){
  background:var(--paper)!important;
}

/* Sidebar — light card, not navy */
body:has(.portal-container) .portal-sidebar,
body.qc-portal-skinned .portal-sidebar,
.portal-sidebar{
  background:var(--card)!important;
  color:var(--ink)!important;
  border-color:var(--hairline)!important;
}
.portal-sidebar a,
.portal-aside-group-link,
.wp-block-suredash-navigation a,
.portal-branding-section .portal-banner-heading,
.portal-branding-section .portal-banner-heading *{
  color:var(--ink)!important;
}
.wp-block-suredash-navigation .portal-aside-group-link:hover,
.portal-sidebar a:hover{
  color:var(--pen)!important;
}

/* Active nav chip — red wash, not blue/purple */
.portal-sidebar [style*="background"],
.wp-block-suredash-navigation [class*="active"],
.portal-aside-group-link.is-active,
.portal-aside-space.is-active,
.portal-aside-space[aria-current="page"]{
  background:var(--pen-wash)!important;
  color:var(--pen)!important;
  border-radius:10px;
}

/* Main canvas + cards */
.portal-body-container,
.portal-application-layout,
.portal-main-content,
.portal-content-area,
.portal-container{
  background:var(--paper)!important;
  color:var(--ink)!important;
}
.portal-content-area .sd-box-shadow,
.portal-content-area [class*="card"],
.portal-user-view-bio-wrapper,
.portal-content-inner-wrap > div{
  background:var(--card)!important;
  border:1px solid var(--hairline)!important;
  border-radius:14px;
  color:var(--ink)!important;
  box-shadow:var(--shadow);
}

/* Keep portal content below sticky site header */
body:has(.qc-site-header) .portal-container,
body:has(.qc-site-header) .portal-body-container{
  padding-top:0;
}