/**
 * assets/css/confirm-popup.css
 * ---------------------------------------------------------------
 * গুরুত্বপূর্ণ/সিরিয়াস কাস্টমার অ্যাকশনের (Address Change, Place Order,
 * Add Money, Withdraw) আগে দেখানো Yes/No কনফার্মেশন পপআপ।
 * ⚠️ big-modal.css (লগইন/অর্ডার-সফল ইত্যাদি "post-action" নোটিফিকেশন)
 * থেকে সম্পূর্ণ আলাদা namespace (.confirm-popup-*) — একে অপরকে
 * প্রভাবিত করে না।
 */

.confirm-popup-overlay {
  position: fixed; inset: 0; z-index: 10000;
  display: flex; align-items: center; justify-content: center;
  background: rgba(15, 36, 25, 0.45);
  backdrop-filter: blur(3px);
  padding: 20px;
  opacity: 0;
  animation: confirmPopupFadeIn 0.25s ease forwards;
}
.confirm-popup-overlay.closing { animation: confirmPopupFadeOut 0.2s ease forwards; }

.confirm-popup-box {
  background: #FFFFFF;
  border-radius: 20px;
  padding: 32px 28px 26px;
  width: 100%;
  max-width: 360px;
  text-align: center;
  box-shadow: 0 24px 60px rgba(15, 36, 25, 0.28);
  transform: scale(0.9) translateY(10px);
  opacity: 0;
  animation: confirmPopupPopIn 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) 0.05s forwards;
}

.confirm-popup-icon {
  width: 64px; height: 64px; border-radius: 50%; margin: 0 auto 16px;
  display: flex; align-items: center; justify-content: center;
  background: #FFF8E1; color: #E6A800;
  animation: confirmPopupIconPop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.15s both;
}
.confirm-popup-icon svg { width: 32px; height: 32px; }

.confirm-popup-title { font-family: var(--font-display, inherit); font-size: 19px; font-weight: 800; color: #14241B; margin-bottom: 6px; }
.confirm-popup-subtitle { font-size: 13.5px; color: #647A6F; margin-bottom: 22px; line-height: 1.5; }

.confirm-popup-buttons { display: flex; gap: 10px; }
.confirm-popup-btn {
  flex: 1; padding: 12px 16px; border-radius: 999px;
  font-size: 14px; font-weight: 700; border: none; cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.confirm-popup-btn-cancel {
  background: transparent; color: var(--confirm-popup-cancel-color, #647A6F);
  border: 1.5px solid #DCEEE2;
}
.confirm-popup-btn-cancel:hover { background: rgba(0,0,0,0.03); }
.confirm-popup-btn-confirm {
  background: var(--confirm-popup-confirm-color, #1E9E5A); color: #fff;
  box-shadow: 0 4px 14px rgba(15, 92, 53, 0.20);
}
.confirm-popup-btn-confirm:hover { transform: translateY(-1px); filter: brightness(1.05); }
.confirm-popup-btn:active { transform: scale(0.97); }

@keyframes confirmPopupFadeIn { to { opacity: 1; } }
@keyframes confirmPopupFadeOut { to { opacity: 0; } }
@keyframes confirmPopupPopIn { to { transform: scale(1) translateY(0); opacity: 1; } }
@keyframes confirmPopupIconPop { from { transform: scale(0); } to { transform: scale(1); } }

@media (prefers-reduced-motion: reduce) {
  .confirm-popup-overlay, .confirm-popup-box, .confirm-popup-icon {
    animation: none !important; opacity: 1 !important; transform: none !important;
  }
}

@media (max-width: 420px) {
  .confirm-popup-buttons { flex-direction: column-reverse; }
}