/* Styles responsives pour le chatbot */

@media (max-width: 480px) {
    .ssc-chat-window {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        max-width: none;
        max-height: none;
        border-radius: 0;
    }
    
    .ssc-chatbot-container {
        bottom: 10px;
        right: 10px;
    }
}

/* === THÈME SOMBRE (OPTIONNEL) === */
@media (prefers-color-scheme: dark) {
    .ssc-chatbot-container.ssc-dark-theme {
        --ssc-bg-primary: #1e1e1e;
        --ssc-bg-secondary: #2d2d2d;
        --ssc-text-primary: #ffffff;
        --ssc-text-secondary: #cccccc;
        --ssc-border-color: #404040;
    }
}

/* === ANIMATIONS D'ACCESSIBILITÉ === */
@media (prefers-reduced-motion: reduce) {
    .ssc-chatbot-container *,
    .ssc-chatbot-container *::before,
    .ssc-chatbot-container *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* === FOCUS POUR L'ACCESSIBILITÉ === */
.ssc-chatbot-container button:focus,
.ssc-chatbot-container input:focus,
.ssc-chatbot-container textarea:focus {
    outline: 2px solid var(--ssc-primary-color);
    outline-offset: 2px;
}