/* WoulfesK9 frontend styles */

/* ---------------------------------------------------------------------
   My Account: dark page

   The site's text colours are set for a dark design (pale grey copy, white
   links), but BeTheme leaves #Wrapper/#Content on its default #FCFCFC. The
   homepage hides that behind sections that paint their own backgrounds; My
   Account has no such sections, so its copy was pale grey on near-white and
   its links white on white.
   ------------------------------------------------------------------ */
body.woocommerce-account,
body.woocommerce-account #Wrapper,
body.woocommerce-account #Content {
    background: var(--k9-surface);
}

/* My Account's tabs are styled in account.css. */

/* Short pages (My Account, a sparse checkout) end before the screen does,
   and below the footer BeTheme's #FCFCFC page background showed through as a
   white block. The site is dark throughout, so the root follows it. */
html:has(body.wk9-has-header) {
    background: var(--k9-surface);
}