/*
 * public_landing.css
 * Base resets for the CaATSS public landing pages.
 * Scoped to .caatss-com and .caatss-ai body classes to avoid
 * affecting the authenticated application.
 *
 * Copyright © 2020-2026 TriBic Software, Inc. All rights reserved.
 */

/* ── Font import fallback (Google Fonts loaded in layout head) ── */

@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:wght@300;400;500;600&display=swap');

/* ── Fix base font size
 * lms/css/bootstrap.css sets html { font-size: 10px } globally, making all
 * rem-based values render at 62.5% of intended. We can't scope html via a
 * body-class ancestor selector, but :has() lets us target html when it
 * contains a landing-page body class — supported in all modern browsers.
 */
html:has(body.caatss-com),
html:has(body.caatss-ai) {
  font-size: 16px !important;
}

/* ── Navbar reset for public landing pages ───────────────────── */
body.caatss-com .public-nav,
body.caatss-ai .public-nav {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  transition: background-color 0.3s ease;
}

/* Scrolled state — JS adds .scrolled class (see public_landing.js) */
body.caatss-com .public-nav.scrolled,
body.caatss-ai .public-nav.scrolled {
  background-color: rgba(10, 20, 45, 0.97) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,0.06) !important;
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
}

/* Navbar brand */
body.caatss-com .public-nav .navbar-brand,
body.caatss-ai .public-nav .navbar-brand {
  font-family: 'DM Serif Display', Georgia, serif !important;
  font-size: 1.4rem !important;
  color: #ffffff !important;
  letter-spacing: -0.01em;
  padding-top: 12px;
}

/* Nav links — specificity must beat lms/css/bootstrap.css (.navbar-default .navbar-nav > li > a,
 * no !important, 0,2,2) AND landing/css/style.css (.navbar-fixed-top .navbar-nav > li > a,
 * !important, 0,2,2). Chaining .navbar-default.public-nav (both classes present on the same
 * element) raises our specificity to 0,4,3, which wins both conflicts. */
body.caatss-com .navbar-default.public-nav .navbar-nav li a,
body.caatss-ai .navbar-default.public-nav .navbar-nav li a {
  font-family: 'DM Sans', system-ui, sans-serif !important;
  font-size: 0.92rem !important;
  font-weight: 500 !important;
  color: #94a3b8 !important;
  padding: 20px 18px !important;
  transition: color 0.2s !important;
  background: transparent !important;
}

body.caatss-com .navbar-default.public-nav .navbar-nav li a:hover,
body.caatss-com .navbar-default.public-nav .navbar-nav li a:focus,
body.caatss-ai .navbar-default.public-nav .navbar-nav li a:hover,
body.caatss-ai .navbar-default.public-nav .navbar-nav li a:focus {
  color: #ffffff !important;
  background: transparent !important;
}

/* Get Started / discover-btn in nav */
body.caatss-com .public-nav .discover-btn,
body.caatss-ai .public-nav .discover-btn {
  color: #0d9488 !important;
  border: 1.5px solid rgba(13, 148, 136, 0.5) !important;
  border-radius: 6px !important;
  padding: 8px 18px !important;
  margin-top: 10px !important;
  font-weight: 600 !important;
  transition: all 0.2s !important;
}

body.caatss-com .public-nav .discover-btn:hover,
body.caatss-ai .public-nav .discover-btn:hover {
  background: rgba(13, 148, 136, 0.12) !important;
  color: #0d9488 !important;
  border-color: #0d9488 !important;
}

/* ── Body base reset for landing pages ───────────────────────── */
body.caatss-com,
body.caatss-ai {
  font-family: 'DM Sans', system-ui, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: #1e293b;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Remove any global heading overrides from application.css */
body.caatss-com h1, body.caatss-com h2, body.caatss-com h3,
body.caatss-com h4, body.caatss-com h5, body.caatss-com h6,
body.caatss-ai h1, body.caatss-ai h2, body.caatss-ai h3,
body.caatss-ai h4, body.caatss-ai h5, body.caatss-ai h6 {
  font-family: 'DM Sans', system-ui, sans-serif;
  font-weight: 600;
  line-height: 1.25;
  margin-top: 0;
}

/* Serif headings are applied via specific landing page classes,
   not globally, to avoid fighting the cascade */

/* caatss.com footer — light */
body.caatss-com .footer {
  background: #f8fafc;
  border-top: 1px solid #e2e8f0;
  padding: 2rem 0;
}
body.caatss-com .footer h6 {
  color: #64748b;
  font-size: .78rem;
  font-weight: 400;
  font-family: 'DM Sans', system-ui, sans-serif;
  margin: 0;
}

/* caatss.ai footer — dark */
body.caatss-ai .footer {
  background: #080f1e;
  border-top: 1px solid rgba(255,255,255,.07);
  padding: 2rem 0;
}
body.caatss-ai .footer h6 {
  color: #94a3b8 !important;
  font-size: .78rem;
  font-weight: 400;
  font-family: 'DM Sans', system-ui, sans-serif;
  margin: 0;
  text-transform: none !important;
}

/* .com-bridge p is defined in the page's inline <style> which loads after this
   file — !important is required to override it from here. */
body.caatss-ai .com-bridge p {
  color: #94a3b8 !important;
}