/* =========================
   BLENDING DARK TOAST THEME
   ========================= */

/* 상단 중앙 토스트 */
.toast-top-bg {
  background: #07090d !important;
  border: 1px solid rgba(201, 164, 78, 0.55) !important;
  color: #f8fafc !important;
  box-shadow:
    0 12px 34px rgba(0, 0, 0, 0.65),
    0 0 0 1px rgba(255, 255, 255, 0.04) inset !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* 기존 blur는 제거 */
@supports ((backdrop-filter: blur(6px)) or (-webkit-backdrop-filter: blur(6px))) {
  .toast-top-bg,
  .toast-br {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}

/* 상단 토스트 내부 텍스트 */
.toast-top-bg,
.dark .toast-top-bg {
  --toast-top-fg: 248, 250, 252;
  color: rgb(var(--toast-top-fg)) !important;
}

.toast-top-bg :is(h1, h2, h3, h4, h5, h6, p, div, span, small, strong, button, .toast-icon) {
  color: inherit !important;
}

.toast-top-bg small,
.toast-top-bg .text-muted,
.toast-top-bg .text-muted-foreground {
  color: #b6bcc8 !important;
}

.toast-top-bg svg {
  color: #d8b45c !important;
  stroke: currentColor !important;
}

.toast-top-bg a {
  color: #e5c875 !important;
  text-decoration: underline;
}

.toast-top-bg [aria-label='close'] {
  color: #f8fafc !important;
  opacity: 0.8;
}

/* 우측 하단 토스트 */
.toast-br {
  background: #07090d !important;
  border: 1px solid rgba(201, 164, 78, 0.55) !important;
  color: #f8fafc !important;
  box-shadow:
    0 12px 34px rgba(0, 0, 0, 0.68),
    0 0 0 1px rgba(255, 255, 255, 0.04) inset !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.dark .toast-br {
  background: #07090d !important;
  color: #f8fafc !important;
}

.toast-br :is(h1, h2, h3, h4, h5, h6, p, div, span, small, strong, button, a) {
  color: inherit !important;
}

.toast-br small,
.toast-br .text-muted,
.toast-br .text-muted-foreground {
  color: #aeb6c4 !important;
}

.toast-br [aria-label='close'] {
  color: #f8fafc !important;
  opacity: 0.75;
}

/* =========================
   ACCENT
   ========================= */

.toast-accent,
.toast-accent-left,
.toast-accent-left-thick,
.toast-accent-top {
  --accent: #c9a44e;
  --accent-rgb: 201, 164, 78;
  position: relative;
}

/* 좌측 얇은 골드 바 */
.toast-accent::before,
.toast-accent-left::before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: #c9a44e;
  border-radius: 8px 0 0 8px;
}

/* 좌측 두꺼운 골드 바 */
.toast-accent-left-thick::before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: 7px;
  background: #c9a44e;
  border-radius: 10px 0 0 10px;
}

/* 상단 얇은 골드 바 */
.toast-accent-top::after {
  content: '';
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: #c9a44e;
  border-radius: 10px 10px 0 0;
}

/* 과한 컬러 그림자 제거 */
.toast-accent,
.toast-accent-left,
.toast-accent-left-thick,
.toast-accent-top {
  box-shadow:
    0 12px 32px rgba(0, 0, 0, 0.5),
    0 0 0 1px rgba(201, 164, 78, 0.18) inset !important;
}

/* 아이콘 */
.toast-accent .toast-icon,
.toast-accent-left .toast-icon,
.toast-accent-left-thick .toast-icon,
.toast-accent-top .toast-icon {
  color: #d8b45c !important;
}

/* 아이콘 원형 칩 - 어둡고 고급스럽게 */
.toast-icon-chip {
  position: relative;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  border-radius: 9999px;
  background: #17130a;
  border: 1px solid rgba(216, 180, 92, 0.5);
}

.toast-icon-chip .toast-icon {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  color: #d8b45c !important;
}

/* 기존 빈 동그라미 만드는 before 제거 */
.toast-icon-chip::before {
  display: none !important;
}

/* =========================
   NEON / SCANLINES 약화
   ========================= */

/* 네온은 유저페이지 톤과 안 맞아서 거의 제거 */
.toast-neon {
  position: relative;
  box-shadow:
    0 12px 32px rgba(0, 0, 0, 0.5),
    0 0 0 1px rgba(201, 164, 78, 0.3) inset !important;
}

.toast-neon::before {
  display: none !important;
}

/* CRT 스캔라인도 거의 제거 */
.toast-scanlines::after {
  display: none !important;
}

/* =========================
   PROGRESS BAR
   ========================= */

/* 상단 토스트 진행 트랙 */
.toast-progress-track-top {
  height: 4px;
  background-color: #1a1f2a !important;
}

/* 우하단 토스트 진행 트랙 */
.toast-progress-track-br {
  height: 4px;
  background-color: #1a1f2a !important;
}

.dark .toast-br .toast-progress-track-br {
  background-color: #1a1f2a !important;
}

/* 진행 막대 */
.toast-progress-bar-top,
.toast-progress-bar-br {
  height: 4px;
  transform-origin: right center;
  will-change: transform;
  background-color: #c9a44e !important;
  opacity: 1;
}

/* =========================
   MOTION
   ========================= */

@media (prefers-reduced-motion: reduce) {
  .toast-progress-bar-top,
  .toast-progress-bar-br {
    transition: none;
  }

  .toast-neon::before,
  .toast-scanlines::after {
    animation: none;
  }
}