/**
 * BTT Visual Add Cart - Animation "Panier-Side"
 * Version: 2.0.0
 */

/* Message panier-side principal */
.btt-vac-message {
    position: fixed;
    padding: 12px 20px;
    border-radius: 4px;
    color: #ffffff;
    background-color: #28a745;
    font-size: 14px;
    font-weight: 500;
    font-family: inherit;
    z-index: 10000;
    pointer-events: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    opacity: 0;
    transform: translateX(100px);
    transition: all 0.3s ease;
}

/* Positions du message */
.btt-vac-message.top-right {
    top: 20px;
    right: 20px;
}

.btt-vac-message.top-left {
    top: 20px;
    left: 20px;
    transform: translateX(-100px);
}

.btt-vac-message.top-center {
    top: 20px;
    left: 50%;
    transform: translateX(-50%) translateY(-100px);
}

.btt-vac-message.bottom-right {
    bottom: 20px;
    right: 20px;
}

.btt-vac-message.bottom-left {
    bottom: 20px;
    left: 20px;
    transform: translateX(-100px);
}

.btt-vac-message.bottom-center {
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%) translateY(100px);
}

/* États d'animation */
.btt-vac-message.show {
    opacity: 1;
}

.btt-vac-message.show.top-right,
.btt-vac-message.show.bottom-right {
    transform: translateX(0);
}

.btt-vac-message.show.top-left,
.btt-vac-message.show.bottom-left {
    transform: translateX(0);
}

.btt-vac-message.show.top-center {
    transform: translateX(-50%) translateY(0);
}

.btt-vac-message.show.bottom-center {
    transform: translateX(-50%) translateY(0);
}

/* Animation de disparition */
.btt-vac-message.hide.top-right,
.btt-vac-message.hide.bottom-right {
    opacity: 0;
    transform: translateX(100px);
}

.btt-vac-message.hide.top-left,
.btt-vac-message.hide.bottom-left {
    opacity: 0;
    transform: translateX(-100px);
}

.btt-vac-message.hide.top-center {
    opacity: 0;
    transform: translateX(-50%) translateY(-100px);
}

.btt-vac-message.hide.bottom-center {
    opacity: 0;
    transform: translateX(-50%) translateY(100px);
}

/* Types d'animation */
.btt-vac-message.animation-fade {
    transform: none !important;
    transition: opacity 0.3s ease;
}

.btt-vac-message.animation-fade.show {
    opacity: 1;
    transform: none !important;
}

.btt-vac-message.animation-fade.hide {
    opacity: 0;
    transform: none !important;
}

.btt-vac-message.animation-bounce {
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.btt-vac-message.animation-scale {
    transform: scale(0) !important;
    transition: all 0.3s ease;
}

.btt-vac-message.animation-scale.show {
    transform: scale(1) !important;
}

.btt-vac-message.animation-scale.hide {
    transform: scale(0) !important;
}

/* Styles responsives */
@media (max-width: 768px) {
    .btt-vac-message {
        font-size: 13px;
        padding: 10px 16px;
        max-width: calc(100vw - 40px);
    }
    
    .btt-vac-message.top-right,
    .btt-vac-message.bottom-right {
        right: 10px;
    }
    
    .btt-vac-message.top-left,
    .btt-vac-message.bottom-left {
        left: 10px;
    }
    
    .btt-vac-message.top-center,
    .btt-vac-message.bottom-center {
        left: 50%;
        right: auto;
    }
}

@media (max-width: 480px) {
    .btt-vac-message {
        font-size: 12px;
        padding: 8px 12px;
    }
}

/* Variantes de couleur */
.btt-vac-message.success {
    background-color: #28a745;
    color: #ffffff;
}

.btt-vac-message.error {
    background-color: #dc3545;
    color: #ffffff;
}

.btt-vac-message.warning {
    background-color: #ffc107;
    color: #212529;
}

.btt-vac-message.info {
    background-color: #17a2b8;
    color: #ffffff;
}

/* Effet de pulsation subtile */
@keyframes btt-vac-pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

.btt-vac-message.pulse {
    animation: btt-vac-pulse 0.6s ease-in-out;
}

/* Icône optionnelle dans le message */
.btt-vac-message .btt-vac-icon {
    display: inline-block;
    margin-right: 8px;
    font-size: 16px;
}

/* Styles pour l'aperçu admin */
.btt-vac-message-preview {
    position: relative !important;
    display: inline-block !important;
    margin: 10px 0 !important;
    opacity: 1 !important;
    transform: none !important;
    z-index: 1 !important;
}

.btt-vac-message.success {
    background-color: #28a745;
}

.btt-vac-message.error {
    background-color: #dc3545;
}

/* Animation de disparition du message */
.btt-vac-message.hide {
    opacity: 0;
    transform: translateX(100px);
}