/**
 * React marketing-site overrides.
 * Scoped to body.marketing-site so Tailwind preflight / app globals
 * do not break Django main.css typography and layout.
 */

body.marketing-site {
  background: #fff !important;
}

body.marketing-site .site-preloader-wrap {
  display: none !important;
}

/* Restore Django main.css heading sizes (Tailwind preflight resets h1–h6) */
body.marketing-site h1:not(.site-logo) {
  font-family: 'Poppins', sans-serif;
  font-size: 60px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin: 0 0 10px !important;
  color: #fff !important;
  letter-spacing: -2px;
}

body.marketing-site h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 32px !important;
  line-height: 42px !important;
  color: #263b5e !important;
  margin: 0 0 10px !important;
  font-weight: 600 !important;
  letter-spacing: -1px;
}

body.marketing-site h3 {
  font-family: 'Poppins', sans-serif;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.7 !important;
  color: #263b5e !important;
  letter-spacing: -0.5px;
  margin: 0 0 10px !important;
}

body.marketing-site h4 {
  font-family: 'Poppins', sans-serif;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.7 !important;
  color: #263b5e !important;
  letter-spacing: -0.5px;
  margin: 0 0 10px !important;
}

body.marketing-site .page-content h2 {
  color: #fff !important;
  font-size: 36px !important;
  line-height: 48px !important;
}

body.marketing-site .page-content h4 {
  font-family: 'Work Sans', sans-serif;
  font-size: 12px !important;
  text-transform: uppercase;
  font-weight: 600 !important;
  color: #fff !important;
}

body.marketing-site .hero-content h1 {
  margin-bottom: 20px !important;
  color: #fff !important;
}

body.marketing-site .site-logo {
  font-size: inherit !important;
  font-weight: 200 !important;
  line-height: 0 !important;
  margin: 0 !important;
  letter-spacing: normal !important;
  color: #fff !important;
}

/* Footer widget titles + brand */
body.marketing-site .widget-section .widget-content h4,
body.marketing-site .widget-section .ft-ct h4 {
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 600 !important;
}

body.marketing-site .widget-section .ft-logo {
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 3px !important;
  margin: 0 !important;
}

body.marketing-site .widget-section .widget-content p,
body.marketing-site .widget-section .ft-p {
  color: rgba(255, 255, 255, 0.4) !important;
}

/* Sticky nav like Django jquery.sticky */
body.marketing-site .site-navbar-wrap {
  position: sticky;
  top: 0;
  z-index: 1000;
  overflow: visible !important;
  background: #000;
}

body.marketing-site .site-navbar,
body.marketing-site .site-navbar .container,
body.marketing-site .site-navbar .row,
body.marketing-site .site-navigation {
  overflow: visible !important;
}

body.marketing-site .site-menu .has-children > .dropdown {
  z-index: 1001;
}

body.marketing-site .site-menu .has-children:hover > .dropdown,
body.marketing-site .site-menu .has-children.open > .dropdown {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin-top: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

body.marketing-site .testimonial-section.bg-grey {
  background-color: #f6f7ff !important;
}

body.marketing-site .sponsor-section {
  background: #fff !important;
}

body.marketing-site .sponsor-section .section-heading h2 {
  color: #151948 !important;
}

body.marketing-site .sponsor-item img {
  opacity: 1;
  max-height: 120px;
  width: auto;
  max-width: 80%;
}

body.marketing-site .header-height {
  display: none;
}