/** jQuery toast plugin by Kamran Ahmed, MIT. New presentation only. */
.jq-toast-wrap {
    display:block; position:fixed; width:360px; max-width:calc(100vw - 32px);
    max-height:calc(100dvh - 40px); overflow:auto; box-sizing:border-box;
    pointer-events:none !important; margin:0; padding:4px;
    letter-spacing:normal; z-index:9000 !important;
}
.jq-toast-wrap * { margin:0; padding:0; box-sizing:border-box; }
.jq-toast-wrap.bottom-left { bottom:20px; left:20px; }
.jq-toast-wrap.bottom-right { bottom:20px; right:40px; }
.jq-toast-wrap.top-left { top:20px; left:20px; }
.jq-toast-wrap.top-right { top:20px; right:40px; }
.jq-toast-single {
    --toast-accent:var(--site-toast-loader);
    display:block; position:relative; width:100%; min-height:60px;
    padding:16px 56px 16px 18px; margin:0 0 10px;
    overflow:hidden; overflow-wrap:anywhere;
    border:1px solid var(--site-toast-line); border-radius:18px;
    background:var(--site-toast-bg); color:var(--site-toast-text);
    box-shadow:var(--shadow-card); pointer-events:auto !important;
    font-family:var(--font); font-size:13px; font-weight:400; line-height:20px;
}
.jq-toast-single:last-child { margin-bottom:0; }
.jq-toast-single h2 {
    margin:0 0 4px; background:none; color:var(--ink);
    font:700 14px/20px var(--font); letter-spacing:normal;
}
.jq-toast-single a {
    color:var(--ink); font:inherit; font-weight:600;
    text-decoration:underline; text-underline-offset:3px;
}
.jq-toast-single ul { margin:0; padding-left:16px; background:none; }
.jq-toast-single ul li { list-style:disc !important; margin:0; padding:0; background:none; line-height:inherit; letter-spacing:normal; }
.close-jq-toast-single {
    position:absolute; top:4px; right:4px; display:flex; align-items:center; justify-content:center;
    width:44px; height:44px; border-radius:12px;
    color:var(--ink2); font-size:22px; font-weight:400; line-height:1;
    cursor:pointer;
}
.close-jq-toast-single:hover { background:var(--hover); color:var(--ink); }
.jq-toast-single a:focus-visible, .close-jq-toast-single:focus-visible { outline:2px solid var(--toast-accent); outline-offset:2px; }
.jq-toast-loader {
    display:block; position:absolute; top:0; left:0; width:0%; height:3px;
    border-radius:0; background-color:var(--toast-accent) !important;
}
.jq-toast-loaded { width:100%; }
.jq-has-icon { padding-left:52px; }
.jq-has-icon::before {
    content:""; position:absolute; top:16px; left:17px; width:22px; height:22px;
    background-color:var(--toast-accent);
    -webkit-mask:var(--toast-icon) center/contain no-repeat;
    mask:var(--toast-icon) center/contain no-repeat;
}
.jq-icon-error {
    --toast-accent:var(--site-toast-err-text);
    --toast-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22m9%209%206%206m0-6-6%206%22%2F%3E%3C%2Fsvg%3E");
}
.jq-icon-success {
    --toast-accent:var(--site-toast-ok-text);
    --toast-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22m8%2012%203%203%205-6%22%2F%3E%3C%2Fsvg%3E");
}
.jq-icon-warning {
    --toast-accent:var(--site-toast-warn-text);
    --toast-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10.3%204.3%202.7%2017.5A2%202%200%200%200%204.4%2020h15.2a2%202%200%200%200%201.7-2.5L13.7%204.3a2%202%200%200%200-3.4%200ZM12%209v4m0%203h.01%22%2F%3E%3C%2Fsvg%3E");
}
.jq-icon-info {
    --toast-accent:var(--site-toast-info-text);
    --toast-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%2011v5m0-8h.01%22%2F%3E%3C%2Fsvg%3E");
}
@media(max-width:1023px) {
    .jq-toast-wrap { max-height:calc(100dvh - 136px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)); }
    .jq-toast-wrap.top-left, .jq-toast-wrap.top-right { top:calc(16px + env(safe-area-inset-top,0px)); }
    .jq-toast-wrap.top-left, .jq-toast-wrap.bottom-left { left:12px; }
    .jq-toast-wrap.top-right, .jq-toast-wrap.bottom-right { right:12px; }
    /* The plugin sets bottom-center inline; keep its timer/coordinates, reserve the existing mobile nav. */
    .jq-toast-wrap.bottom-left, .jq-toast-wrap.bottom-right, .jq-toast-wrap.bottom-center { bottom:calc(104px + env(safe-area-inset-bottom,0px)) !important; }
}
