/* Hide site chrome inside embedded iframes and in app-mode (logged-in) */
html.wd-embedded header,
html.wd-embedded footer,
html.wd-embedded .nav-overlay,
html.wd-embedded .mobile-menu-toggle,
html.wd-embedded .footer-divider,
html.wd-embedded .footer-bottom,
html.wd-app-mode header,
html.wd-app-mode footer,
html.wd-app-mode .nav-overlay,
html.wd-app-mode .mobile-menu-toggle,
html.wd-app-mode .footer-divider,
html.wd-app-mode .footer-bottom {
  display: none !important;
}

/* Homepage marketing view must keep chrome even if app-mode class is present */
html.wd-app-mode body.page-home header,
html.wd-app-mode body.page-home footer.hc-footer {
  display: block !important;
}

html.wd-embedded body,
html.wd-app-mode body {
  padding-top: 0 !important;
  margin: 0 !important;
  background: #050816 !important;
  color: #fff !important;
}

html.wd-app-mode body.page-home {
  background: #050816 !important;
  padding-top: 88px !important;
}

/* Experts page */
html.wd-embedded .experts-page,
html.wd-app-mode .experts-page {
  padding-top: 0 !important;
  min-height: 100vh;
  background: #050816 !important;
}
html.wd-embedded .experts-top {
  border-radius: 20px !important;
  margin: 20px clamp(16px, 3vw, 32px) 0 !important;
  padding: 32px 28px !important;
  background: linear-gradient(135deg, #1e1b4b 0%, #4c1d95 100%) !important;
  color: #fff !important;
  border: none !important;
}
html.wd-embedded .experts-top h1 { color: #fff !important; }
html.wd-embedded .experts-top .experts-sub { color: rgba(255,255,255,0.9) !important; }

/* Blogs */
html.wd-embedded #blogsHeaderPublic,
html.wd-app-mode #blogsHeaderPublic,
html.wd-embedded #blogsHeaderMember,
html.wd-app-mode #blogsHeaderMember { display: none !important; }


/* Academy / community */
html.wd-embedded .academy-hero,
html.wd-app-mode .academy-hero {
  padding: 40px 20px 44px !important;
  border-radius: 0 0 24px 24px;
  margin-bottom: 0;
}
html.wd-embedded body.academy-page-courses .academy-hero,
html.wd-app-mode body.academy-page-courses .academy-hero,
html.wd-embedded body.academy-page-community .academy-hero,
html.wd-app-mode body.academy-page-community .academy-hero,
html.wd-embedded body.academy-page-events .academy-hero,
html.wd-app-mode body.academy-page-events .academy-hero {
  display: none !important;
}
html.wd-embedded .academy-wrap,
html.wd-app-mode .academy-wrap {
  padding-top: 24px;
}
html.wd-embedded body.academy-page-courses,
html.wd-app-mode body.academy-page-courses,
html.wd-embedded body.academy-page-community,
html.wd-app-mode body.academy-page-community,
html.wd-embedded body.academy-page-events,
html.wd-app-mode body.academy-page-events {
  background: #050816 !important;
  color: #fff !important;
}
html.wd-embedded body.academy-page-courses .academy-wrap,
html.wd-app-mode body.academy-page-courses .academy-wrap,
html.wd-embedded body.academy-page-community .academy-wrap,
html.wd-app-mode body.academy-page-community .academy-wrap,
html.wd-embedded body.academy-page-events .academy-wrap,
html.wd-app-mode body.academy-page-events .academy-wrap {
  padding-top: 14px;
  background: #050816 !important;
  color: #fff !important;
}
html.wd-embedded body.academy-page-courses footer,
html.wd-app-mode body.academy-page-courses footer {
  display: none !important;
}

html.wd-embedded body.cd-page,
html.wd-app-mode body.cd-page {
  background: #050816 !important;
  color: #fff !important;
}
html.wd-embedded body.cd-page footer,
html.wd-app-mode body.cd-page footer {
  display: none !important;
}

html.wd-embedded .help-wrapper,
html.wd-app-mode .help-wrapper { padding-top: 24px; }

html.wd-embedded body.vn-page,
html.wd-app-mode body.vn-page {
  background: #050816 !important;
  color: #fff !important;
}

/* Embedded pricing / contact / help stay dark */
html.wd-embedded .pb-col,
html.wd-app-mode .pb-col {
  background: #0b1228 !important;
  color: #fff !important;
}

html.wd-embedded .pb-features li,
html.wd-app-mode .pb-features li {
  border: none !important;
  border-bottom: none !important;
}

html.wd-embedded .expert-row-book,
html.wd-app-mode .expert-row-book {
  border-top: none !important;
}

html.wd-embedded .contact-info,
html.wd-embedded .contact-form,
html.wd-embedded .category-card,
html.wd-embedded .popular-topics,
html.wd-app-mode .contact-info,
html.wd-app-mode .contact-form,
html.wd-app-mode .category-card,
html.wd-app-mode .popular-topics {
  background: #0b1228 !important;
  color: #fff !important;
}