/**
 * Public / marketing glass overlays (school CMS + SaaS landing + install).
 * Shares the same Plus Jakarta / teal–sky language as eduoxy-premium.css.
 */

html.glass-theme.glass-public {
  --epx-ink: var(--thm-header-text, #0b1220);
  --epx-muted: var(--thm-text, #5b6b7c);
  --epx-teal: var(--thm-primary, #0d9488);
  --epx-teal-dark: color-mix(in srgb, var(--thm-primary, #0d9488) 78%, #000);
  --epx-sky: #0284c7;
  --epx-font: "Plus Jakarta Sans", "Sora", system-ui, -apple-system, "Segoe UI", sans-serif;
  --glass-public-bg:
    radial-gradient(1000px 520px at 8% -10%, rgba(56, 189, 248, 0.22), transparent 55%),
    radial-gradient(900px 480px at 100% 0%, rgba(45, 212, 191, 0.18), transparent 50%),
    linear-gradient(165deg, #eef5fb 0%, #e9f7f4 48%, #f5f9fc 100%);
}

html.glass-theme.glass-public,
html.glass-theme.glass-public body {
  font-family: var(--epx-font) !important;
}

html.glass-theme.glass-public :where(
  h1, h2, h3, h4, h5, h6, p, span, a, small, strong, em, li, td, th,
  label, input, select, textarea, button, .btn, .theme-btn, .main-btn
) {
  font-family: var(--epx-font) !important;
}

html.glass-theme.glass-public :where(.fa, .fas, .far, .fab, .fal, .fad, i[class*="fa-"]) {
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome" !important;
}

html.glass-theme.glass-public :where(.fab) {
  font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands", "FontAwesome" !important;
}

html.glass-theme.glass-public :where(.lni, [class^="lni-"], [class*=" lni-"]) {
  font-family: LineIcons !important;
}

html.glass-theme.glass-public body,
html.glass-theme body.glass-public-body {
  background: var(--glass-public-bg, #eef5fb) !important;
  color: var(--epx-ink, #0b1220);
}

/* School CMS */
html.glass-theme .header-area,
html.glass-theme .navbar,
html.glass-theme header.header-area,
html.glass-theme .main-header {
  background: rgba(255, 255, 255, 0.72) !important;
  backdrop-filter: blur(18px) saturate(1.25);
  -webkit-backdrop-filter: blur(18px) saturate(1.25);
  border-bottom: 1px solid rgba(148, 163, 184, 0.22) !important;
  box-shadow: 0 8px 24px rgba(15, 55, 75, 0.06);
}

html.glass-theme .footer-area,
html.glass-theme footer {
  background: rgba(255, 255, 255, 0.7) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-top: 1px solid rgba(148, 163, 184, 0.2);
}

/* SaaS landing footer keeps Website Settings colors */
html.glass-theme.glass-public .saas-landing footer.footer,
html.glass-theme .saas-landing footer.footer {
  background: var(--thm-footer-bg, #0b1220) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-top: 0 !important;
  color: var(--thm-footer-text, #cbd5e1) !important;
  box-shadow: none !important;
}

/* School CMS footer must keep its own dark/brand colors (not glass white wash) */
html.glass-theme .school-main-footer,
html.glass-theme .school-main-footer .footer-area,
html.glass-theme footer.school-main-footer {
  background: inherit !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-top: 0 !important;
  box-shadow: none !important;
  color: var(--thm-footer-text, #ccc) !important;
}

html.glass-theme .school-main-footer .social a,
html.glass-theme .school-main-footer .social a i {
  color: #fff !important;
}

html.glass-theme .school-main-footer .social a {
  background: rgba(255, 255, 255, 0.14) !important;
}

html.glass-theme .school-main-footer .social a:hover {
  background: rgba(255, 255, 255, 0.28) !important;
}

html.glass-theme .single-services,
html.glass-theme .single-blog,
html.glass-theme .single-team,
html.glass-theme .single-testimonial,
html.glass-theme .card,
html.glass-theme .feature-box,
html.glass-theme .pricing-box,
html.glass-theme .saas-card,
html.glass-theme .box,
html.glass-theme .panel {
  background: rgba(255, 255, 255, 0.62) !important;
  backdrop-filter: blur(16px) saturate(1.2);
  -webkit-backdrop-filter: blur(16px) saturate(1.2);
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 32px rgba(15, 55, 75, 0.08) !important;
}

html.glass-theme .btn-primary,
html.glass-theme .theme-btn,
html.glass-theme a.main-btn,
html.glass-theme .main-btn {
  background: linear-gradient(
    135deg,
    var(--epx-teal, #0d9488),
    var(--epx-teal-dark, #0f766e)
  ) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 24px rgba(2, 132, 199, 0.22);
  font-family: var(--epx-font) !important;
  font-weight: 700;
}

html.glass-theme .btn-primary:hover,
html.glass-theme .theme-btn:hover,
html.glass-theme a.main-btn:hover,
html.glass-theme .main-btn:hover {
  filter: brightness(1.04);
  transform: translateY(-1px);
}

html.glass-theme .form-control,
html.glass-theme input[type="text"],
html.glass-theme input[type="email"],
html.glass-theme input[type="password"],
html.glass-theme textarea,
html.glass-theme select {
  background: rgba(255, 255, 255, 0.82) !important;
  border: 1px solid rgba(148, 163, 184, 0.35) !important;
  border-radius: 12px !important;
  color: #0b2436 !important;
  font-family: var(--epx-font) !important;
}

html.glass-theme .form-control:focus,
html.glass-theme input:focus,
html.glass-theme textarea:focus,
html.glass-theme select:focus {
  border-color: rgba(13, 148, 136, 0.55) !important;
  box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.14) !important;
  outline: none !important;
}

html.glass-theme .saas-landing footer.footer {
  background: #0b1220 !important;
  backdrop-filter: none !important;
  border-top: 0 !important;
}

html.glass-theme .saas-landing .sl-nav {
  background: rgba(255, 255, 255, 0.96) !important;
  border-bottom: 1px solid rgba(11, 18, 32, 0.1) !important;
  box-shadow: none !important;
}

html.glass-theme .saas-landing .header.navbar-area {
  display: none !important;
}

html.glass-theme .saas-landing .sl-hero,
html.glass-theme .saas-landing .sl-hero__copy,
html.glass-theme .saas-landing .sl-hero__brand,
html.glass-theme .saas-landing .sl-hero__lede,
html.glass-theme .saas-landing .sl-hero p {
  color: #ffffff !important;
}

html.glass-theme .saas-landing .sl-hero__lede {
  color: rgba(255, 255, 255, 0.82) !important;
}

html.glass-theme .saas-landing .sl-hero__copy h1.sl-hero__title {
  color: #f5c26b !important;
}

html.glass-theme .saas-landing .sl-feature {
  background: #f3f7fa !important;
  border: 1px solid rgba(11, 18, 32, 0.1) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  border-radius: 16px !important;
}

/* Install wizard */
html.glass-theme .install-page,
html.glass-theme .install-wizard {
  min-height: 100vh;
  background:
    radial-gradient(900px 520px at 10% 0%, rgba(56, 189, 248, 0.22), transparent 55%),
    radial-gradient(800px 480px at 90% 10%, rgba(45, 212, 191, 0.18), transparent 50%),
    linear-gradient(160deg, #eef5fb, #e8f7f3 55%, #f4f8fc) !important;
  padding: 28px 16px 48px;
  font-family: var(--epx-font, "Plus Jakarta Sans", system-ui, sans-serif) !important;
}

html.glass-theme .install-page .panel,
html.glass-theme .install-wizard .panel,
html.glass-theme .install-page .card {
  background: rgba(255, 255, 255, 0.7) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.75) !important;
  border-radius: 20px !important;
  box-shadow: 0 16px 40px rgba(15, 55, 75, 0.1) !important;
}

html.glass-theme .install-page h3,
html.glass-theme .install-wizard h3,
html.glass-theme .install-page .panel-title {
  font-family: var(--epx-font, "Plus Jakarta Sans", system-ui, sans-serif) !important;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--epx-ink, #0b1220);
}