/**
 * jQuery toast — Ink & Paper restyle (Smmize panel design language).
 * Overrides the default gray/Bootstrap look: paper surface, ink text,
 * feather icon glyphs, themed accent bar + progress.
 */

/* ---- container ---- */
.jq-toast-wrap {
  display: block;
  position: fixed;
  max-width: 420px;
  min-width: 280px;
  pointer-events: none !important;
  margin: 0;
  padding: 0;
  letter-spacing: normal;
  z-index: 9000 !important;
}
.jq-toast-wrap * { margin: 0; padding: 0; }

.jq-toast-wrap.bottom-left { bottom: 20px; left: 20px; }
.jq-toast-wrap.bottom-right { bottom: 20px; right: 20px; }
.jq-toast-wrap.top-left { top: 20px; left: 20px; }
.jq-toast-wrap.top-right { top: 20px; right: 20px; }

/* ---- single toast ---- */
.jq-toast-single {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  width: 100%;
  padding: 13px 16px 13px 15px;
  margin: 0 0 8px;
  border-radius: 14px;
  font-size: 13.5px;
  font-family: 'Archivo', ui-sans-serif, system-ui, sans-serif;
  line-height: 1.5;
  position: relative;
  pointer-events: all !important;
  background: #FDFBF5;
  color: #211D16;
  border: 1px solid #E0D9C8;
  box-shadow: 0 10px 30px rgba(33, 29, 22, 0.14), 0 2px 6px rgba(33, 29, 22, 0.06);
  overflow: hidden;
}
.jq-toast-single h2 {
  font-family: 'Archivo', ui-sans-serif, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 700;
  margin: 0 0 3px;
  background: none;
  color: inherit;
  line-height: 1.3;
  letter-spacing: 0.01em;
}
.jq-toast-single a { color: #C74410; text-decoration: none; font-weight: 600; border-bottom: 1px solid rgba(199,68,16,.3); padding-bottom: 1px; font-size: 12.5px; }
.jq-toast-single ul { margin: 0; background: none; padding: 0; }
.jq-toast-single ul li { list-style-type: none !important; line-height: 1.5; background: none; margin: 0; padding: 0; letter-spacing: normal; }

/* ---- icon (feather glyph, replaces old PNG) ---- */
.jq-has-icon { padding: 13px 16px 13px 15px; }
.jq-icon-success,
.jq-icon-error,
.jq-icon-warning,
.jq-icon-info {
  background-image: none;
  background-color: #FDFBF5;
  color: #211D16;
  border-color: #E0D9C8;
}
.jq-icon-success::after,
.jq-icon-error::after,
.jq-icon-warning::after,
.jq-icon-info::after {
  font-family: 'feather' !important;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #fff;
  margin-top: 1px;
}
.jq-icon-success::after { content: "\e92b"; background: #2E7D4F; }
.jq-icon-error::after   { content: "\ea01"; background: #B3261E; }
.jq-icon-warning::after { content: "\e904"; background: #A8790C; }
.jq-icon-info::after    { content: "\e97a"; background: #2B5F8F; }

/* ---- close ---- */
.close-jq-toast-single {
  position: absolute;
  top: 8px;
  right: 11px;
  font-size: 15px;
  cursor: pointer;
  color: #8A8372;
  line-height: 1;
  opacity: 0.8;
  transition: opacity 0.15s ease, color 0.15s ease;
}
.close-jq-toast-single:hover { opacity: 1; color: #211D16; }

/* ---- progress loader (themed) ---- */
.jq-toast-loader {
  display: block;
  position: absolute;
  bottom: 0;
  top: auto;
  left: 0;
  height: 3px;
  width: 0%;
  border-radius: 0 3px 3px 0;
  background: #E2531B;
}
.jq-toast-loaded { width: 100%; }

/* ---- mobile: full-width bottom stack ---- */
@media (max-width: 575.98px) {
  .jq-toast-wrap {
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    max-width: none;
    min-width: 0;
  }
  .jq-toast-single { border-radius: 12px; }
}