/* Programme lander Academic Heritage override — DESIGN.md
   Loaded AFTER each lander's style.css.
   Pair with body[data-lander="…"] set on each lander HTML.
   Leaves WhatsApp greens alone. */

@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@600;700;800&family=Work+Sans:wght@400;500;600;700&display=swap");

:root {
  --sg-primary: #005994;
  --sg-primary-mid: #0072bc;
  --sg-secondary: #00658c;
  --sg-bright: #2abcfd;
  --sg-surface: #fbf9f8;
  --sg-surface-low: #f5f3f3;
  --sg-ink: #1b1c1c;
  --sg-muted: #404751;
  --sg-outline: #c0c7d3;
  --sg-on-primary: #ffffff;
  --sg-deep: #001d35;
  --color-primary: #005994;
}

/* —— Typography —— */
body[data-lander] {
  font-family: "Work Sans", system-ui, sans-serif !important;
}
body[data-lander] h1,
body[data-lander] h2,
body[data-lander] h3,
body[data-lander] h4,
body[data-lander] h5,
body[data-lander] h6,
body[data-lander] .heading-ai {
  font-family: "Hanken Grotesk", system-ui, sans-serif !important;
}

/* —— Surfaces by lander family —— */
body[data-lander="diploma"],
body[data-lander="dkm"],
body[data-lander="tvet"],
body[data-lander="siemens"],
body[data-lander="solar"] {
  background-color: var(--sg-primary) !important;
  color: var(--sg-ink);
}

body[data-lander="ai"],
body[data-lander="drone"],
body[data-lander="pilot"],
body[data-lander="reskilling"],
body[data-lander="tvetkalvi"] {
  background-color: var(--sg-surface) !important;
  color: var(--sg-ink);
}

/* Keep autotronics dark canvas; remap accents only */
body[data-lander="autotronics"] {
  background-color: #0b0e2e !important;
}

/* —— Links (exclude global nav + WA) —— */
body[data-lander] a:not(.sg-nav a):not(.sg-nav-drawer a):not([href*="wa.me"]):not([href*="whatsapp"]):not([class*="wa__"]):not(.sg-prog-card):not(.sg-prog-hub) {
  color: var(--sg-secondary);
}
body[data-lander="autotronics"] a:not(.sg-nav a):not(.sg-nav-drawer a):not([href*="wa.me"]):not([href*="whatsapp"]) {
  color: var(--sg-bright);
}
body[data-lander] a:not(.sg-nav a):not(.sg-nav-drawer a):hover {
  color: var(--sg-primary-mid);
}

/* —— CTAs —— */
body[data-lander] button:not(.sg-nav-burger):not(.sg-nav-dd > button),
body[data-lander] .button,
body[data-lander] a.button,
body[data-lander] .apply-now,
body[data-lander] a.apply-now {
  background-color: var(--sg-primary) !important;
  background-image: none !important;
  color: var(--sg-on-primary) !important;
  border-color: var(--sg-primary) !important;
  border-radius: 0.25rem !important;
  font-family: "Hanken Grotesk", "Work Sans", system-ui, sans-serif !important;
}

body[data-lander] button:not(.sg-nav-burger):not(.sg-nav-dd > button):hover,
body[data-lander] .button:hover,
body[data-lander] a.button:hover,
body[data-lander] .apply-now:hover {
  background-color: var(--sg-primary-mid) !important;
  color: var(--sg-on-primary) !important;
}

/* Intro CTA on blue-body landers: white button for contrast */
body[data-lander="diploma"] #section-intro .button,
body[data-lander="diploma"] #section-intro a.button,
body[data-lander="diploma"] #section-intro .apply-now,
body[data-lander="dkm"] #section-intro .button,
body[data-lander="dkm"] #section-intro a.button,
body[data-lander="dkm"] #section-intro .apply-now,
body[data-lander="tvet"] #section-intro .button,
body[data-lander="tvet"] #section-intro a.button,
body[data-lander="tvet"] #section-intro .apply-now {
  background-color: #fff !important;
  color: var(--sg-primary) !important;
}
body[data-lander="diploma"] #section-intro .button:hover,
body[data-lander="dkm"] #section-intro .button:hover,
body[data-lander="tvet"] #section-intro .button:hover {
  background-color: var(--sg-surface-low) !important;
  color: var(--sg-primary-mid) !important;
}

body[data-lander="diploma"] #section-intro h1,
body[data-lander="diploma"] #section-intro h2,
body[data-lander="dkm"] #section-intro h1,
body[data-lander="dkm"] #section-intro h2,
body[data-lander="tvet"] #section-intro h1,
body[data-lander="tvet"] #section-intro h2 {
  color: #fff !important;
}
body[data-lander="diploma"] #section-intro h1 span,
body[data-lander="diploma"] #section-intro h2 span,
body[data-lander="dkm"] #section-intro h1 span,
body[data-lander="dkm"] #section-intro h2 span,
body[data-lander="tvet"] #section-intro h1 span,
body[data-lander="tvet"] #section-intro h2 span {
  color: var(--sg-bright) !important;
}

/* —— AI —— */
body[data-lander="ai"] .heading-ai {
  color: var(--sg-primary) !important;
}
body[data-lander="ai"] .program-about,
body[data-lander="ai"] .programs-info-wrapper .program-2,
body[data-lander="ai"] .programs-info-wrapper .program-3,
body[data-lander="ai"] #section-thankyou {
  background-color: var(--sg-primary) !important;
  color: #fff !important;
}
body[data-lander="ai"] .program-dates-selection > div.active {
  border-color: var(--sg-primary-mid) !important;
  color: var(--sg-primary-mid) !important;
}
body[data-lander="ai"] .program-dates-selection > div:hover {
  background: var(--sg-primary-mid) !important;
  color: #fff !important;
}
body[data-lander="ai"] .navigation-dropdown,
body[data-lander="ai"] .navigation-top.mobile-menu-active {
  background-color: var(--sg-primary) !important;
}

/* —— Siemens / Solar cyan accents → secondary / bright —— */
body[data-lander="siemens"] a:not(.sg-nav a):not([href*="wa.me"]),
body[data-lander="solar"] a:not(.sg-nav a):not([href*="wa.me"]) {
  color: var(--sg-secondary);
}

/* —— tvetkalvi —— */
body[data-lander="tvetkalvi"] {
  --color-primary: #005994 !important;
}
body[data-lander="tvetkalvi"] .tp-btn,
body[data-lander="tvetkalvi"] .theme-bg,
body[data-lander="tvetkalvi"] .bg-primary {
  background-color: var(--sg-primary) !important;
}
body[data-lander="tvetkalvi"] .text-theme,
body[data-lander="tvetkalvi"] .tp-section-title span {
  color: var(--sg-primary) !important;
}

/* —— Autotronics: cyan → bright; CTAs primary —— */
body[data-lander="autotronics"] .button,
body[data-lander="autotronics"] a.button {
  background-color: var(--sg-primary) !important;
  color: #fff !important;
}

/* —— Forms —— */
body[data-lander] input:focus,
body[data-lander] textarea:focus,
body[data-lander] select:focus {
  border-color: var(--sg-primary) !important;
  outline-color: var(--sg-primary);
}

/* —— WhatsApp preserve —— */
body[data-lander] a[href*="wa.me"].button,
body[data-lander] a[href*="whatsapp"].button,
body[data-lander] a[href*="wa.me"].apply-now {
  background-color: #25d366 !important;
  border-color: #25d366 !important;
  color: #fff !important;
}

body[data-lander] h1,
body[data-lander] h2 {
  font-weight: 700 !important;
}

@media (prefers-reduced-motion: reduce) {
  body[data-lander] button,
  body[data-lander] .button,
  body[data-lander] a.button {
    transition: none !important;
  }
}