/* Кастомизация Toast */
#cookie-consent-toast {
    max-width: 75%;
    width: 100%;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15) !important;
}

#cookie-consent-toast .toast-header {
    background: linear-gradient(45deg, #007bff, #0056b3) !important;
    border-radius: 12px 12px 0 0 !important;
    padding: 12px 16px;
}

#cookie-consent-toast .toast-body {
    padding: 20px !important;
    background: #ffffff;
    border-radius: 0 0 12px 12px;
}

.cookie-icon {
    font-size: 1.2rem;
    animation: wiggle 2s ease-in-out infinite;
}

@keyframes wiggle {
    0%, 7% { transform: rotateZ(0); }
    15% { transform: rotateZ(-15deg); }
    20% { transform: rotateZ(10deg); }
    25% { transform: rotateZ(-10deg); }
    30% { transform: rotateZ(6deg); }
    35% { transform: rotateZ(-4deg); }
    40%, 100% { transform: rotateZ(0); }
}

/* Кастомные кнопки в Toast */
#cookie-consent-toast .btn-sm {
    padding: 8px 16px;
    font-size: 0.85rem;
    border-radius: 6px;
    font-weight: 500;
}

#cookie-consent-toast .btn-primary {
    background: linear-gradient(45deg, #28a745, #20c997);
    border: none;
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.3);
}

#cookie-consent-toast .btn-primary:hover {
    background: linear-gradient(45deg, #218838, #1ea87a);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.4);
}

#cookie-consent-toast .btn-outline-secondary {
    color: #6c757d;
    border-color: #dee2e6;
}

#cookie-consent-toast .btn-outline-secondary:hover {
    background: #f8f9fa;
    color: #495057;
    border-color: #adb5bd;
}

@media (max-width: 1400px) {
    .toast-container {
        width: 100% !important;
        padding: 10px !important;
    }
    
    #cookie-consent-toast {
        max-width: 100% !important;
        min-width: 100% !important;
    }
}

/* Адаптив */
@media (max-width: 576px) {
    #cookie-consent-toast .d-md-flex {
        flex-direction: column !important;
    }
    
    #cookie-consent-toast .btn-sm {
        width: 100%;
        margin-bottom: 8px;
    }
    
    #cookie-consent-toast .btn-sm:last-child {
        margin-bottom: 0;
    }
}

/* Анимация появления Toast */
.toast.showing {
    animation: slideInUp 0.4s ease-out;
}

.toast.hiding {
    animation: slideOutDown 0.4s ease-in;
}

@keyframes slideInUp {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slideOutDown {
    from {
        transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(100%);
        opacity: 0;
    }
}
