/* Alert Custom Styles - SweetAlert2 Dialog Stilleri */
/* Marka Renkleri ve Profesyonel Tasarım */

/* ==================== SweetAlert2 Dialog Stilleri ==================== */

/* Popup stil özelleştirmeleri */
.swal-custom-popup {
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Onay butonu - Marka rengi */
.swal-custom-confirm-btn {
  background-color: #2b697d !important;
  color: white !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 10px 24px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 2px 8px rgba(43, 105, 125, 0.3) !important;
}

.swal-custom-confirm-btn:hover {
  background-color: #245a6b !important;
  box-shadow: 0 4px 12px rgba(43, 105, 125, 0.4) !important;
  transform: translateY(-1px);
}

.swal-custom-confirm-btn:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(43, 105, 125, 0.3) !important;
}

/* İptal butonu */
.swal-custom-cancel-btn {
  background-color: #f8f9fa !important;
  color: #495057 !important;
  border: 1px solid #dee2e6 !important;
  border-radius: 6px !important;
  padding: 10px 24px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  margin-left: 12px !important;
}

.swal-custom-cancel-btn:hover {
  background-color: #e9ecef !important;
  border-color: #adb5bd !important;
  transform: translateY(-1px);
}

.swal-custom-cancel-btn:active {
  transform: translateY(0);
}

/* SweetAlert2 actions container - butonlar arası boşluk */
.swal2-actions {
  gap: 12px !important;
}

/* Success/Error icon renkleri */
.swal2-success-ring {
  border-color: rgba(40, 167, 69, 0.3) !important;
}

.swal2-error [class^="swal2-x-mark-line"] {
  background-color: #e74856 !important;
}

/* Title ve Text stilleri */
.swal2-title {
  color: #2c3e50 !important;
  font-size: 22px !important;
  font-weight: 600 !important;
}

.swal2-html-container {
  color: #495057 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

/* Loading spinner ve progress bar */
.swal2-loader {
  border-color: #2b697d transparent #2b697d transparent !important;
}

.swal2-timer-progress-bar {
  background: rgba(43, 105, 125, 0.6) !important;
}

/* ==================== Responsive Tasarım ==================== */

/* Mobil cihazlar */
@media (max-width: 768px) {
  .swal-custom-popup {
    width: 90% !important;
    max-width: 400px !important;
  }

  .swal2-title {
    font-size: 18px !important;
  }

  .swal2-html-container {
    font-size: 14px !important;
  }

  .swal-custom-confirm-btn,
  .swal-custom-cancel-btn {
    padding: 8px 20px !important;
    font-size: 13px !important;
  }
}