/* =================================================================== */
/* === FLASH BİLDİRİM MESAJLARI (ÖZEL HTML/CSS TASARIMI) === */
/* =================================================================== */

.flash-toast-container {
  position: fixed;
  bottom: var(--spacing-xl);
  right: var(--spacing-xl);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  pointer-events: none; /* Arkadaki elementlere tıklanabilmesi için */
}

/* L4 Katmanı (Card) Görünümü */
.flash-toast {
  pointer-events: auto;
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-md);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--border-radius-md);
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
  border-left: 4px solid var(--sidebar-accent); /* Varsayılan renk */
  box-shadow: var(--shadow-lg);
  color: var(--text-primary);
  min-width: 300px;
  max-width: 400px;
  opacity: 1;
  transition:
    opacity var(--transition-duration-slow) var(--transition-timing-function),
    transform var(--transition-duration-slow) var(--transition-timing-function);
  animation: toastSlideIn var(--transition-duration-base)
    var(--transition-timing-function) forwards;
}

/* Kategori Vurgu Renkleri */
.flash-toast.flash-success {
  border-left-color: #10b981;
}
.flash-toast.flash-success .toast-icon {
  color: #10b981;
}

.flash-toast.flash-error,
.flash-toast.flash-danger {
  border-left-color: #ef4444;
}
.flash-toast.flash-error .toast-icon,
.flash-toast.flash-danger .toast-icon {
  color: #ef4444;
}

.flash-toast.flash-warning {
  border-left-color: #f59e0b;
}
.flash-toast.flash-warning .toast-icon {
  color: #f59e0b;
}

.flash-toast.flash-info .toast-icon {
  color: var(--sidebar-accent);
}

/* İçerik Düzeni */
.toast-icon {
  font-size: var(--font-size-xl);
  margin-top: -2px;
}

.toast-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.toast-content strong {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  margin-bottom: 2px;
}

.toast-content span {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  line-height: var(--line-height-base);
}

/* Kapatma Butonu */
.toast-close {
  all: unset;
  box-sizing: border-box;
  color: var(--text-secondary);
  font-size: var(--font-size-lg);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: var(--border-radius-sm);
  transition: all var(--transition-duration-fast)
    var(--transition-timing-function);
}

.toast-close:hover {
  color: var(--text-primary);
  background-color: var(--hover-elevation-bg);
}

/* Kapanma Animasyonu Sınıfı */
.flash-toast.fade-out {
  opacity: 0;
  transform: translateX(100%);
}

@keyframes toastSlideIn {
  from {
    transform: translateX(120%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}