/* Master MeCard iziToast override
   Must load AFTER assets/modules/izitoast/css/iziToast.min.css
*/

:root {
  --mecard-toast-bg: #111827;
  --mecard-toast-text: #ffffff;
  --mecard-toast-icon: #ffffff;
  --mecard-toast-progress: #e3e3e3;
}

.iziToast {
  background: var(--mecard-toast-bg) !important;
  border-color: var(--mecard-toast-bg) !important;
  color: var(--mecard-toast-text) !important;
  border-radius: 8px !important;
}

.iziToast:after {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25) !important;
}

.iziToast > .iziToast-body .iziToast-title,
.iziToast > .iziToast-body .iziToast-message {
  color: var(--mecard-toast-text) !important;
}

/* Override hardcoded PNG icons from iziToast.min.css */
.iziToast > .iziToast-body .iziToast-icon,
.iziToast.iziToast-theme-dark > .iziToast-body .iziToast-icon,
.iziToast > .iziToast-body .iziToast-icon.ico-success,
.iziToast > .iziToast-body .iziToast-icon.ico-error,
.iziToast > .iziToast-body .iziToast-icon.ico-warning,
.iziToast > .iziToast-body .iziToast-icon.ico-info,
.iziToast > .iziToast-body .iziToast-icon.ico-question {
  display: flex !important;
  background: none !important;
  color: var(--mecard-toast-icon) !important;
  font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", FontAwesome, Arial, sans-serif !important;
  font-weight: 900 !important;
  font-style: normal !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

.iziToast > .iziToast-body .iziToast-icon::before {
  display: inline-block !important;
  line-height: 1 !important;
}

.iziToast > .iziToast-body .iziToast-icon.ico-success::before {
  content: "\f00c";
}

.iziToast > .iziToast-body .iziToast-icon.ico-error::before {
  content: "\f00d";
}

.iziToast > .iziToast-body .iziToast-icon.ico-warning::before {
  content: "\f071";
}

.iziToast > .iziToast-body .iziToast-icon.ico-info::before {
  content: "\f129";
}

.iziToast > .iziToast-body .iziToast-icon.ico-question::before {
  content: "\f128";
}

.iziToast > .iziToast-progressbar > div {
  background: var(--mecard-toast-progress) !important;
}

.iziToast > .iziToast-close {
  filter: invert(1);
}

/* Toast type-specific master colors */
.iziToast.iziToast-color-red,
.iziToast.iziToast-color-red.iziToast-theme-light,
.iziToast.iziToast-color-red.iziToast-theme-dark {
  background: #991b1b !important;
  border-color: #991b1b !important;
}

.iziToast.iziToast-color-red > .iziToast-progressbar > div {
  background: #fecaca !important;
}

.iziToast.iziToast-color-red > .iziToast-body .iziToast-icon {
  color: #ffffff !important;
}

.iziToast.iziToast-color-red > .iziToast-body .iziToast-icon::before {
  content: "\f00d" !important;
}