/* 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: #6E94B0 !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;
}