/* ============================================
   PPL Academy — "new" site master navbar (white, site-wide)
   ============================================ */

body.new-shell .nav {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(14px) saturate(160%);
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  border-bottom: 1px solid rgba(31, 135, 114, 0.10);
}
body.new-shell .nav.is-scrolled {
  background: #ffffff;
  border-bottom: 1px solid rgba(31, 135, 114, 0.10);
}

/* Links */
body.new-shell .nav-links a { color: #0a3e34; opacity: 0.78; }
body.new-shell .nav-links a:hover { opacity: 1; }
body.new-shell .nav-links a.active { color: #0d4438; opacity: 1; }
body.new-shell .nav-links a::after { background: #0d4438; }

/* Language switch */
body.new-shell .lang-switch {
  border-color: rgba(31, 135, 114, 0.10);
  color: #0a3e34;
  background: rgba(255, 255, 255, 0.6);
}
body.new-shell .lang-switch select { color: #0a3e34; }
body.new-shell .lang-switch select option { background: #ffffff; color: #0a3e34; }
body.new-shell .lang-switch::after { color: #0d4438; }

/* Mobile toggle bars — dark on white */
body.new-shell .nav-toggle span { background: #0a3e34; }

/* Brand / logo readable on white */
body.new-shell .nav-logo-icon { color: #0a3e34; }
body.new-shell .nav-logo-ppl { color: #0d4438; }
body.new-shell .nav-logo-academy { color: #14695a; }

body.new-shell .nav-links.is-open a { color: var(--cream); opacity: 0.92; }

/* ============================================
   Master footer
   ============================================ */
body.new-shell .footer { color: var(--cream); }
body.new-shell .footer-brand { color: var(--cream); }
body.new-shell .footer-tag { color: var(--cream); opacity: 0.7; }
body.new-shell .footer h4 { color: var(--gold-warm); }
body.new-shell .footer a { color: var(--cream); opacity: 0.8; }
body.new-shell .footer a:hover { color: var(--gold-warm); opacity: 1; }
body.new-shell .footer-bottom { color: var(--cream); opacity: 0.65; }
body.new-shell .footer-bottom .built-with-ai { color: var(--gold-warm); opacity: 1; }