/**
 * EDU — flat white page canvas (no lavender / purple page washes).
 * Loaded after page CSS to normalize platform-wide backgrounds.
 */

:root {
  --soft: #f8fafc;
  --soft-2: #f1f5f9;
  --ca-bg: #fff;
  --courses-soft: #fff;
  --ph-bg: #fff;
  --edu-bg: #fff;
  --ip-soft: #f8fafc;
  --ct-purple-soft: #f8fafc;
  --crs-purple-soft: #f8fafc;
  --edu-soft: #f8fafc;
}

html,
body,
.edu-web-shell,
.edu-web-content {
  background: #fff !important;
}

/* Page wrappers — flat white canvas */
.edu-app,
.edu-student-mode,
.edu-student-mode .edu-app,
.edu-trainer-mode .edu-app,
.edu-company-mode .edu-app,
.edu-parent-mode .edu-app,
.edu-child-mode .edu-app,
.ca-page,
.ca-page.edu-app,
.edu-courses-app,
.edu-packages-app,
.edu-packages-app--premium,
.edu-page-paths,
.edu-page-path-detail,
.pd-page,
.pd-page--course,
.payhub-app,
.payhub-app--v4,
.quiz-page,
.gx-hub-app,
.gx-app,
.gx-detail-app-v2,
.sub-app,
.shop-app,
.company-dash,
.company-page-app,
.company-train-app,
.student-page-app,
.student-home-app,
.child-home-app,
.child-page-app,
.inst-portal-app,
.instructor-public-app,
.auth-web-app,
.edu-programs-app--v3,
.edu-radio-app,
.edu-page-community,
.edu-page-live,
.edu-page-discuss,
.edu-pay-app,
.profile-page-app,
.certs-app,
.receipts-app,
.exams-app,
.assign-app,
.settings-app,
.support-app,
.skills-app,
.ai-app,
.legal-app,
.trainer-page-app,
.trainer-home-app,
.parent-page-app,
.parent-home-app,
.edu-home-app,
.course-learning-page--shell,
.course-learning-page--udemy,
.checkout-app,
.notification-app,
.family-page-app {
  background: #fff !important;
  background-image: none !important;
}

html.edu-view-web .edu-web-content .edu-app,
html.edu-view-web .edu-web-content .ca-page--access,
html.edu-view-web .edu-web-content .edu-packages-app--premium,
html.edu-view-web .edu-web-content .edu-courses-app,
html.edu-view-web .edu-web-content .edu-page-paths,
html.edu-view-web .edu-web-content .edu-page-path-detail,
html.edu-view-web .edu-web-content .pd-page {
  background: #fff !important;
  background-image: none !important;
}

/* Side fade masks on carousels — disabled so edge labels stay fully visible */
.marquee-fade,
.fade-right,
.fade-left,
.inst-marquee-fade,
.inst-marquee-fade--start,
.inst-marquee-fade--end,
[dir="ltr"] .fade-right,
[dir="ltr"] .fade-left,
[dir="rtl"] .fade-right,
[dir="rtl"] .fade-left {
  display: none !important;
}