/* =========================================
   PREMIUM ISTORE ALERT SYSTEM
========================================= */

.premium-alert-popup {
  border-radius: 28px !important;
  padding: 28px !important;
  font-family: "Inter", sans-serif !important;
  box-shadow: 0 20px 60px rgba(17, 17, 17, 0.08) !important;
  background: #ffffff !important;
  color: #111111 !important;
}

/* =========================================
   INPUTS (TEXTAREA / SELECT)
========================================= */

.premium-alert-popup .swal2-select,
.premium-alert-popup .swal2-textarea,
.premium-alert-popup .swal2-input {
  width: 100% !important;
  max-width: 100%;
  padding: 16px 18px !important;
  margin: 14px 0 0 0 !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 14px !important;
  background: #f9fafb !important;
  font-family: "Inter", sans-serif;
  font-size: 15px !important;
  color: #111827 !important;
  transition: all 0.2s ease;
  box-sizing: border-box !important;
  box-shadow: none !important;
}

.premium-alert-popup .swal2-textarea {
  min-height: 100px;
  resize: vertical;
}

.premium-alert-popup .swal2-select:focus,
.premium-alert-popup .swal2-textarea:focus,
.premium-alert-popup .swal2-input:focus {
  outline: none !important;
  border-color: #6a0dad !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(106, 13, 173, 0.1) !important;
}

/* =========================================
   TITLE
========================================= */

.premium-alert-title {
  font-family: "Inter", sans-serif !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  color: #111111 !important;
  margin-bottom: 8px !important;
}

/* =========================================
   TEXT
========================================= */

.premium-alert-text {
  font-family: "Inter", sans-serif !important;
  font-size: 15px !important;
  color: #666666 !important;
  margin-top: 6px !important;
}

/* =========================================
   ACTIONS CONTAINER
========================================= */

.swal2-actions {
  width: 100%;
  margin-top: 1.5rem !important;
  gap: 12px;
}

/* =========================================
   CONFIRM BUTTON
========================================= */

.premium-alert-confirm {
  background: linear-gradient(135deg, #4c0080 0%, #6a0dad 100%) !important;
  color: #ffffff !important;
  border-radius: 16px !important;
  padding: 12px 24px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border: none !important;
  box-shadow: 0 12px 30px rgba(106, 13, 173, 0.28) !important;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease !important;
}

.premium-alert-confirm:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 36px rgba(106, 13, 173, 0.35) !important;
}

/* =========================================
   CANCEL BUTTON
========================================= */

.premium-alert-cancel {
  background: #f3f4f6 !important;
  color: #111111 !important;
  border-radius: 16px !important;
  padding: 12px 24px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border: none !important;
  transition: background 0.2s ease !important;
}

.premium-alert-cancel:hover {
  background: #e5e7eb !important;
}

/* =========================================
   ICON
========================================= */

.swal2-icon.swal2-info {
  border-color: rgba(112, 26, 117, 0.18) !important;

  color: #701a75 !important;
}

/* =========================================
   BACKDROP
========================================= */

.swal2-backdrop-show {
  backdrop-filter: blur(8px);

  -webkit-backdrop-filter: blur(8px);
}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 480px) {
  .premium-alert-popup {
    width: calc(100% - 32px);

    padding: 1.8rem;

    border-radius: 28px !important;
  }

  .premium-alert-title {
    font-size: 26px !important;
  }
}