/* modules/notifications/notifications.css */

/* Контейнер уведомлений */
.notification-module-container {
  position: fixed;
  top: 6rem; /* Смещено ниже */
  right: 5rem; /* Смещено левее */
  z-index: 1000;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-width: 20rem;
  pointer-events: none;
}

/* Основной стиль уведомления */
.notification-module {
  background-color: var(--background);
  box-shadow: 5px 5px 10px var(--shadow-dark), -5px -5px 10px var(--shadow-light);
  border-radius: var(--radius);
  padding: 0.75rem 1rem;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.3s ease;
  pointer-events: auto;
  display: none;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  cursor: pointer; /* Указывает на кликабельность */
}

.notification-module.show {
  display: block;
  opacity: 1;
  animation: bounceIn 0.5s ease forwards;
}

/* Анимация подпрыгивания */
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  60% {
    opacity: 1;
    transform: translateY(5px);
  }
  80% {
    transform: translateY(-5px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Исчезновение */
.notification-module:not(.show) {
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* Контент уведомления */
.notification-module-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Сообщение */
.notification-module-message {
  color: var(--foreground);
  font-size: 0.875rem;
  line-height: 1.2;
  padding-right: 0.5rem; /* Отступ справа */
}

/* Типы уведомлений */
.error-notification {
  border-left: 4px solid #ff4444;
}

.warning-notification {
  border-left: 4px solid #ffaa00;
}

.success-notification {
  border-left: 4px solid #00cc00;
}

.info-notification {
  border-left: 4px solid #0066cc;
}

/* Темная тема */
.dark .notification-module {
  background-color: var(--background);
}

.dark .notification-module-message {
  color: var(--foreground);
}