/* What sits on top of what.
 *
 * The platform stacks things in five places that do not know about each other:
 * Bootstrap's own scale, the theme's overrides of it, sweetalert2, the toast
 * containers three modules each wrote by hand, and a full-screen image viewer.
 * Nobody wrote the order down, so it was discovered the way these things
 * usually are - a confirmation dialog appeared BEHIND the notice it was asking
 * about, and with three notices stacked up the dialog was half covered and its
 * Confirm button could not be tapped at all.
 *
 * Measured on the running site, before this file existed:
 *
 *      1055   Bootstrap modal (vendor default)
 *      1060   sweetalert2 container (vendor default)
 *      1090   Bootstrap modal / offcanvas, as the THEME sets them
 *      1090   sweetalert2 container, as the theme sets it
 *             (.light-style .swal2-container, inside the vendor stylesheet)
 *      1090   the patreon toast
 *      1100   the toast containers (bullhorn, cadre, calendar)
 *      2000   the harness image viewer overlay
 *
 * Toasts above modals is a deliberate choice and stays: an informational
 * popup appearing over a dialog is reasonable. What is NOT reasonable is a
 * toast covering the dialog that is asking whether to dismiss that very
 * toast - which is exactly what swiping one open and confirming did.
 *
 * So the confirmation layer moves above the toast layer. A dialog is a
 * blocking, focused task: while one is open it is the only thing being
 * answered, and nothing may cover it.
 */

/* !important, which is the right tool here rather than a specificity trick.
 * The rule being beaten is `.light-style .swal2-container` and it lives INSIDE
 * the vendor stylesheet, which bullhorn.js loads ON DEMAND - appended to the
 * head at dismissal time, after everything this file could do about it. Equal
 * specificity plus later arrival means load order decides, and load order
 * differs between a page that ships sweetalert2 in its vendor block and a page
 * that fetches it when somebody clicks. Winning on some pages is worse than a
 * flag that says what it means.
 */
.swal2-container {
  z-index: 1200 !important;
}