/* Site-brede aanpassingen bovenop de configurator-build */

/* Alle titels in de "?"-informatiepopups: blauw en dikgedrukt */
html body [role="dialog"] h2,
html body [role="dialog"] h2 *,
html body [role="dialog"] [data-slot="dialog-title"],
html body [role="dialog"] .DialogTitle,
html body [role="alertdialog"] h2,
html body [role="alertdialog"] h2 *,
html body h2[id^="radix-"],
html body h2[id^="radix-"] * {
  color: #2A9DD8 !important;
  font-weight: 700 !important;
}

/* Beschrijvingen in popups nooit dikgedrukt */
html body [role="dialog"] p,
html body [role="alertdialog"] p,
html body [role="dialog"] div > p,
html body [role="alertdialog"] div > p,
html body [role="dialog"] .DialogDescription,
html body [role="alertdialog"] .DialogDescription,
html body [role="dialog"] [data-slot="dialog-description"],
html body [role="alertdialog"] [data-slot="dialog-description"] {
  font-weight: 400 !important;
}

/* Alleen popup-titels worden dikgedrukt; overige h2-titels blijven hun eigen gewicht houden. */

/* Popups altijd exact in het midden van het scherm (animatie-offset uitschakelen) */
html body [role="dialog"],
html body [role="alertdialog"] {
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  translate: none !important;
  rotate: none !important;
  scale: none !important;
  transform: translate(-50%, -50%) !important;
  animation: none !important;
}

/* Donkere panelen: de CSS-bundle forceert alle blauwe tekst naar zwart;
   op de donkere panelen maken we die weer licht en leesbaar */
[class*="bg-[#242C35]"] [class*="text-[#15618A]"],
[class*="bg-[#242C35]"] [class*="text-[#1C7FB4]"] {
  color: #CFE9F8 !important;
}
[class*="bg-[#242C35]"] [class*="text-[#2A9DD8]"] {
  color: #5FB8E6 !important;
}
[class*="bg-[#242C35]"] [class*="text-[#6FC3E8]"] {
  color: #9AD6F2 !important;
}

/* Uitzondering: tekst op witte/lichte kaartjes binnen de panelen blijft donkerblauw */
[class*="bg-[#242C35]"] [class*="bg-[#FFFFFF]"] [class*="text-[#15618A]"],
[class*="bg-[#242C35]"] [class*="bg-[#F0F0F0]"] [class*="text-[#15618A]"],
[class*="bg-[#242C35]"] [class*="bg-white"] [class*="text-[#15618A]"] {
  color: #15618A !important;
}
[class*="bg-[#242C35]"] [class*="bg-[#FFFFFF]"] [class*="text-[#1C7FB4]"],
[class*="bg-[#242C35]"] [class*="bg-[#F0F0F0]"] [class*="text-[#1C7FB4]"],
[class*="bg-[#242C35]"] [class*="bg-white"] [class*="text-[#1C7FB4]"] {
  color: #1C7FB4 !important;
}
[class*="bg-[#242C35]"] [class*="bg-[#FFFFFF]"] [class*="text-[#2A9DD8]"],
[class*="bg-[#242C35]"] [class*="bg-[#F0F0F0]"] [class*="text-[#2A9DD8]"],
[class*="bg-[#242C35]"] [class*="bg-white"] [class*="text-[#2A9DD8]"] {
  color: #2A9DD8 !important;
}

/* Gedimde blauwe teksten op donker iets opvrolijken */
[class*="bg-[#242C35]"] [class*="text-[#2A9DD8]/50"] {
  color: rgb(95 184 230 / 0.85) !important;
}