/**
 * TimeApp — contrastveilige huiskleuren (WCAG 2.1 AA)
 *
 * Palet:
 * - Navy #12202e     → tekst op licht, donkere secties
 * - Blauw #507294    → knoppen, iconen op wit
 * - Blauw donker #3d5a75 → links op wit (AA)
 * - Goud #f2c21a     → accent op donker, of met donkere tekst op licht
 */

/* Knoppen: wit op geel faalt — standaard blauw + witte tekst */
.flat-button.subscribe-submit,
.home-hero__cta-primary,
.home-wetgeving-banner__cta,
.footer-demo-cta__btn {
  background-color: #507294 !important;
  color: #fff !important;
}

.flat-button.subscribe-submit:hover,
.home-hero__cta-primary:hover,
.home-wetgeving-banner__cta:hover,
.footer-demo-cta__btn:hover {
  background-color: #3d5a75 !important;
  color: #fff !important;
}

/* Goud accent op lichte achtergrond: donkere tekst i.p.v. wit */
.flat-button:not(.subscribe-submit):not(.home-hero__cta-primary):not(.footer-demo-cta__btn) {
  background-color: #f2c21a;
  color: #12202e;
}

/* Links op wit: donkerder blauw voor voldoende contrast */
.home-sectoren__link,
a.home-sectoren__link:hover {
  color: #3d5a75 !important;
}

.home-sectoren__link:hover {
  color: #12202e !important;
}

/* Footer: goud op lichtgrijs faalt — navy titels met goud accent */
.widget-footer .widget.footer-links .widget-title {
  color: #12202e !important;
  border-left: 3px solid #f2c21a;
  padding-left: 0.5rem;
}

.widget-footer .footer-links ul li a:hover,
.widget-footer .widget-logo .flat-information li a:hover {
  color: #3d5a75 !important;
}

/* Donkere banner: vol wit i.p.v. semi-transparant */
.home-wetgeving-banner__text,
.home-wetgeving-banner__link {
  color: #fff !important;
}

.home-wetgeving-banner__eyebrow {
  color: #f2c21a;
}

.home-hero__lead {
  color: #fff !important;
}

.page-title-heading {
  margin: 0.75rem 0 0;
  font-size: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.2;
  font-weight: 700;
  color: #fff;
}

.page-header__title {
  margin: 0;
}

.footer-tagline {
  margin: 0 0 1rem;
  font-size: 1.125rem;
  font-weight: 700;
  color: rgba(41, 38, 54, 1);
}

.widget-footer .footer-links__title {
  font-size: 0.9375rem;
}