/**
 * Simplified FlashMessage CSS - Only essential styles not provided by Bootstrap
 */

/* Position containers */
.toast-container {
    position: fixed;
    z-index: 1080;
    pointer-events: none;
}

.toast-container > * {
    pointer-events: auto;
}

/* Positioning classes */
.toast-container.top-center {
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.toast-container.top-right {
    top: 20px;
    right: 20px;
}

.toast-container.top-left {
    top: 20px;
    left: 20px;
}

.toast-container.bottom-center {
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.toast-container.bottom-right {
    bottom: 20px;
    right: 20px;
}

.toast-container.bottom-left {
    bottom: 20px;
    left: 20px;
}

/* Spacing for multiple toasts */
.toast-container .toast {
    margin-bottom: 10px;
}

/* Responsive adjustments */
@media (max-width: 576px) {
.toast-container {
    width: 100%;
    padding: 0.5rem;
  }
  
    .toast-container.top-right,
    .toast-container.top-left,
    .toast-container.top-center {
        top: 10px;
        right: 10px;
        left: 10px;
        width: auto;
        transform: none;
    }
    
    .toast-container.bottom-right,
    .toast-container.bottom-left,
    .toast-container.bottom-center {
        bottom: 10px;
        right: 10px;
        left: 10px;
        width: auto;
        transform: none;
    }

  .toast {
    width: 100%;
  }
}