/* =========================================

   ISTORE PREMIUM GLASS TOAST

========================================= */

.istore-toast {
  width: 360px !important;

  border-radius: 24px !important;

  padding: 16px 18px !important;

  margin-top: 82px !important;

  top: 0 !important;

  z-index: 9999 !important;

  background: rgba(255, 255, 255, 0.72) !important;

  backdrop-filter: blur(22px) saturate(180%) !important;

  -webkit-backdrop-filter: blur(22px) saturate(180%) !important;

  border: 1px solid rgba(255, 255, 255, 0.55) !important;

  box-shadow:
    0 20px 40px rgba(17, 17, 17, 0.08),
    0 4px 12px rgba(96, 55, 99, 0.06);
}

/* =========================================

   TITLE

========================================= */

.istore-toast-title {
  font-family: "Inter", sans-serif !important;

  font-size: 14px !important;

  font-weight: 700 !important;

  letter-spacing: -0.2px;

  color: #1d1d1f !important;
}

/* =========================================

   ICON BASE

========================================= */

.istore-toast .swal2-icon {
  margin-right: 6px !important;

  transform: scale(0.78);

  background: transparent !important;
}

/* =========================================

   SUCCESS ICON

========================================= */

.istore-toast .swal2-success {
  border-color: #7c3aed !important;

  color: #7c3aed !important;
}

.istore-toast .swal2-success-ring {
  border-color: rgba(124, 58, 237, 0.18) !important;
}

.istore-toast .swal2-success-line-tip,
.istore-toast .swal2-success-line-long {
  background-color: #7c3aed !important;
}

/* =========================================

   ERROR ICON

========================================= */

.istore-toast .swal2-error {
  border-color: #ef4444 !important;

  color: #ef4444 !important;
}

/* =========================================

   INFO ICON

========================================= */

.istore-toast .swal2-info {
  border-color: #8b5cf6 !important;

  color: #8b5cf6 !important;
}

/* =========================================

   WARNING ICON

========================================= */

.istore-toast .swal2-warning {
  border-color: #f59e0b !important;

  color: #f59e0b !important;
}

/* =========================================
   FIX SWEETALERT BLUR LAYER
========================================= */

.swal2-container {
  background: transparent !important;

  backdrop-filter: none !important;

  -webkit-backdrop-filter: none !important;

  pointer-events: none !important;
}

.swal2-popup {
  pointer-events: auto !important;
}

/* =========================================

   MOBILE

========================================= */

@media (max-width: 768px) {
  .istore-toast {
    width: calc(100vw - 28px) !important;

    margin-top: 74px !important;

    border-radius: 20px !important;
  }
}