/* ===== SweetAlert2 커스텀 스타일 ===== */
[data-swal2-theme='bootstrap-5'] {
  --swal2-actions-justify-content: center;
  --swal2-show-animation: none;
  --swal2-hide-animation: none;
  --swal2-backdrop-transition: none;
  --swal2-padding: 2.5rem;
  --swal2-actions-margin: 1.8rem -0.25rem 0;
}

/*
  3컬럼: [1fr 왼쪽여백][title auto][1fr 오른쪽여백]
  → title이 팝업 정중앙, icon은 왼쪽 1fr 안에서 justify-self:end로 title 바로 왼쪽에 붙음
*/
[data-swal2-theme='bootstrap-5'] .swal2-popup {
  grid-template-columns: 1fr auto 1fr;
}

/* 아이콘: 왼쪽 1fr 안, title 쪽으로 밀착 */
[data-swal2-theme='bootstrap-5'] .swal2-icon {
  grid-column: 1;
  justify-self: end;
  align-self: center;
  zoom: 0.45;
  margin: 6px 18px 0 0;
  border-width: 0.32em !important;
}

/* 아이콘 애니메이션 제거 */
[data-swal2-theme='bootstrap-5'] .swal2-icon,
[data-swal2-theme='bootstrap-5'] .swal2-icon * {
  animation: none !important;
}

/* 제목: 가운데 컬럼 (팝업 정중앙) */
[data-swal2-theme='bootstrap-5'] .swal2-title {
  grid-column: 2;
  align-self: center;
  font-size: 22px;
  font-weight: 700;
  padding: 0.8rem 0;
  margin: 0;
}

/* 본문/버튼/푸터: 전체 너비 */
[data-swal2-theme='bootstrap-5'] .swal2-html-container,
[data-swal2-theme='bootstrap-5'] .swal2-actions,
[data-swal2-theme='bootstrap-5'] .swal2-footer {
  grid-column: 1 / -1;
}

/* 본문 */
[data-swal2-theme='bootstrap-5'] .swal2-html-container {
  font-size: 18px;
  text-align: center;
  padding-top: 0.6rem;
  padding-bottom: 0.5rem;
}

/* 버튼 */
[data-swal2-theme='bootstrap-5'] .swal2-confirm,
[data-swal2-theme='bootstrap-5'] .swal2-deny,
[data-swal2-theme='bootstrap-5'] .swal2-cancel {
  font-size: 16px;
  padding: 0.5em 2em;
}
