/* Retaliation Rentals — dark modal guard.
   All public pages explicitly select data-theme="dark" so DaisyUI and Tailwind
   agree even if the visitor's OS / browser prefers light mode.
   These guards protect dynamically mounted dialogs that live OUTSIDE
   #publicTicketModal and are not covered by its existing scoped CSS.
   Keep this separate from compiled styles.css so Tailwind rebuilds preserve it.
*/

:root[data-theme="dark"] {
  color-scheme: dark;
}

/* Dynamic ticket pop-ups (trusted, location, late fees, success, error,
   existing-ticket, collateral warnings and maximum-duration warnings). */
dialog.rr-overlay-fade {
  color-scheme: dark;
  --color-base-100: #191923;
  --color-base-200: #15151e;
  --color-base-300: #101018;
  --color-base-content: #f5f5f7;
}

dialog.rr-overlay-fade > .modal-box.bg-base-300 {
  background-color: #101018 !important;
  color: #f5f5f7 !important;
}

/* The older, non-dialog overlays also use theme-dependent base classes. */
:is(#verifyOverlay, #alreadyHasTicketOverlay, #submissionErrorOverlay) {
  color-scheme: dark;
  --color-base-100: #191923;
  --color-base-200: #15151e;
  --color-base-300: #101018;
  --color-base-content: #f5f5f7;
}

:is(#verifyOverlay, #alreadyHasTicketOverlay, #submissionErrorOverlay)
  > :is(.bg-base-100, .bg-base-200, .bg-base-300) {
  background-color: #15151e !important;
  color: #f5f5f7 !important;
}