/* Hide Frappe website chrome when the React shop is on the page. */
#root ~ .navbar,
body:has(#root) .navbar,
body:has(#root) header.navbar,
body:has(#root) .web-footer,
body:has(#root) footer.web-footer,
body:has(#root) .page-breadcrumbs,
body:has(#root) .page-header,
body:has(#root) .web-sidebar,
.navbar a[href*="/login"],
.navbar .logged-out,
a.btn-login,
body:has(#root) a[href="/login"]:not(#root a),
body:has(#root) a[href*="/login"]:not(#root a) {
  display: none !important;
}

body:has(#root),
body:has(#root) .page-content,
body:has(#root) .page-content-wrapper,
body:has(#root) main.container {
  background: var(--bg, #070707) !important;
  color: var(--text, #f3ead8) !important;
}

body:has(#root) a:hover {
  text-decoration: none !important;
}