/* Toast Notification Component — Pastel Design */

.toast-container-layer {
  z-index: 1090;
}

.toast-custom {
  border-radius: 12px;
  border: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  font-family: "Montserrat", sans-serif;
  overflow: hidden;
  min-width: 420px;
}

.toast-body-custom {
  padding: var(--spacing-sm);
  display: flex;
  align-items: flex-start;
  position: relative;
}

.toast-icon {
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: var(--spacing-sm);
}

.toast-content {
  flex-grow: 1;
  margin-right: var(--spacing-lg); /* espaço para o botão de fechar */
}

.toast-title {
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 0.25rem;
  line-height: 1.2;
}

.toast-message {
  font-size: 0.875rem;
  line-height: 1.4;
  opacity: 0.9;
}

.btn-close-custom {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 2.5rem;
  height: 2.5rem;
  background: transparent
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")
    center/1em auto no-repeat;
  border: 0;
  opacity: 0.5;
  padding: 0;
  cursor: pointer;
  border-radius: 8px;
}

.btn-close-custom:hover {
  opacity: 0.8;
}

/* Tema: Sucesso */
.toast-success {
  background-color: var(--color-success-soft-material);
  color: var(--color-success-bs-700);
  border-left: 4px solid var(--color-success-bs);
}
.toast-success .toast-icon {
  color: var(--color-success-bs);
}
.toast-success .toast-title {
  color: var(--color-success-bs-700);
}
.toast-success .btn-close-custom {
  filter: invert(24%) sepia(21%) saturate(2753%) hue-rotate(124deg)
    brightness(96%) contrast(97%);
}

/* Tema: Erro */
.toast-error {
  background-color: var(--color-danger-soft-pale);
  color: var(--color-danger-bs-text);
  border-left: 4px solid var(--color-danger-bs);
}
.toast-error .toast-icon {
  color: var(--color-danger-bs);
}
.toast-error .toast-title {
  color: var(--color-danger-bs-text);
}
.toast-error .btn-close-custom {
  filter: invert(16%) sepia(35%) saturate(5464%) hue-rotate(338deg)
    brightness(87%) contrast(93%);
}

/* Tema: Info */
.toast-info {
  background-color: var(--color-cyan-soft-100);
  color: var(--color-cyan-bs-text);
  border-left: 4px solid var(--color-cyan-bs);
}
.toast-info .toast-icon {
  color: var(--color-cyan-bs);
}
.toast-info .toast-title {
  color: var(--color-cyan-bs-text);
}
.toast-info .btn-close-custom {
  filter: invert(23%) sepia(51%) saturate(3018%) hue-rotate(174deg)
    brightness(96%) contrast(97%);
}

/* Tema: Atenção */
.toast-warning {
  background-color: var(--color-warning-soft-peach-7);
  color: var(--color-warning-bs-text-2);
  border-left: 4px solid var(--color-warning-bs);
}
.toast-warning .toast-icon {
  color: var(--color-warning-bs);
}
.toast-warning .toast-title {
  color: var(--color-warning-bs-text-2);
}
.toast-warning .btn-close-custom {
  filter: invert(25%) sepia(35%) saturate(2250%) hue-rotate(20deg)
    brightness(96%) contrast(95%);
}