/* 
 * Toast Styles for Player Limits
 * Estilos personalizados para toasts de límites de jugadores
 */

/* Configuración base de toastr */
.toast-top-right {
    top: 80px !important;
    right: 20px !important;
}

/* Estilos para toasts de límites */
.toast-container .toast {
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    margin-bottom: 10px !important;
}

/* Toast de error para límites */
.toast-error {
    background-color: #dc3545 !important;
    background-image: linear-gradient(45deg, #dc3545 0%, #c82333 100%) !important;
}

.toast-error .toast-title {
    font-weight: 600 !important;
    font-size: 14px !important;
}

.toast-error .toast-message {
    font-size: 13px !important;
    line-height: 1.4 !important;
    margin-top: 2px !important;
}

/* Toast de advertencia */
.toast-warning {
    background-color: #ffc107 !important;
    background-image: linear-gradient(45deg, #ffc107 0%, #e0a800 100%) !important;
    color: #212529 !important;
}

/* Toast de éxito */
.toast-success {
    background-color: #28a745 !important;
    background-image: linear-gradient(45deg, #28a745 0%, #20c997 100%) !important;
}

/* Toast de información */
.toast-info {
    background-color: #17a2b8 !important;
    background-image: linear-gradient(45deg, #17a2b8 0%, #138496 100%) !important;
}

/* Barra de progreso */
.toast-progress {
    background-color: rgba(255, 255, 255, 0.7) !important;
    height: 3px !important;
}

/* Botón de cierre */
.toast-close-button {
    color: rgba(255, 255, 255, 0.8) !important;
    opacity: 0.8 !important;
    font-size: 18px !important;
    font-weight: normal !important;
}

.toast-close-button:hover {
    opacity: 1 !important;
    color: white !important;
}

/* Responsive */
@media (max-width: 768px) {
    .toast-top-right {
        top: 60px !important;
        right: 10px !important;
        left: 10px !important;
        width: auto !important;
    }
    
    .toast-container .toast {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* Animaciones mejoradas */
@keyframes toast-in-right {
    from {
        transform: translateX(293px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes toast-out-right {
    from {
        transform: translateX(0);
        opacity: 1;
    }
    to {
        transform: translateX(293px);
        opacity: 0;
    }
}

.toast {
    animation: toast-in-right 0.3s ease-out;
}

.toast.toast-closing {
    animation: toast-out-right 0.3s ease-in;
}