/* PAGE ESTIMATION - AUCUNE SCROLLBAR (NI HORIZONTALE NI VERTICALE) */

/* LOGO BLANC DIRECT */
.chat-logo img {
    /* Logo blanc sans filtre */
}

/* AUCUN SCROLL NULLE PART */
* {
    max-width: 100vw !important;
    box-sizing: border-box !important;
}

html, body {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    max-height: 100vh !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* LOGO PLUS GROS SUR MOBILE */
@media (max-width: 968px) {
    .chat-logo {
        width: 70px !important;
        height: 70px !important;
        flex-shrink: 0 !important;
        display: flex !important;
        background: transparent !important;
    }
}

/* RESPONSIVE MOBILE - TOUT VISIBLE SANS SCROLL */
@media (max-width: 968px) {
    html, body {
        overflow: hidden !important;
        width: 100% !important;
        height: 100% !important;
    }
    
    .chatbot-container {
        width: 100% !important;
        max-width: 100% !important;
        height: 100vh !important;
        max-height: 100vh !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        box-shadow: none !important;
    }
    
    .chat-header {
        width: 100% !important;
        padding: 15px 8px 10px 8px !important;
        flex-shrink: 0 !important;
    }
    
    .chat-header::before {
        display: none !important;
    }
    
    .chat-header-content {
        gap: 10px !important;
    }
    
    .chat-header-text h1 {
        font-size: 18px !important;
        line-height: 1.1 !important;
        margin-bottom: 4px !important;
    }
    
    .chat-header-text .tagline {
        font-size: 12px !important;
        line-height: 1.2 !important;
        margin-bottom: 3px !important;
    }
    
    .chat-header-text .subtitle {
        font-size: 10px !important;
    }
    
    .progress-bar {
        height: 6px !important;
        margin-top: 10px !important;
    }
    
    /* Zone messages - SCROLL VERTICAL SEULEMENT SI BESOIN */
    .chat-messages {
        flex: 1 !important;
        width: 100% !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding: 10px 8px !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    /* MASQUER LA SCROLLBAR MAIS GARDER LE SCROLL */
    .chat-messages::-webkit-scrollbar {
        display: none !important;
    }
    
    .chat-messages {
        -ms-overflow-style: none !important;
        scrollbar-width: none !important;
    }
    
    .message {
        margin-bottom: 15px !important;
    }
    
    .message.bot .avatar {
        width: 35px !important;
        height: 35px !important;
        margin-right: 8px !important;
    }
    
    .message.bot .bubble,
    .message.user .bubble {
        max-width: 80% !important;
        padding: 10px 12px !important;
        font-size: 13px !important;
        line-height: 1.4 !important;
        word-wrap: break-word !important;
    }
    
    .quick-replies {
        gap: 8px !important;
        margin-top: 10px !important;
    }
    
    .quick-reply-btn {
        font-size: 12px !important;
        padding: 9px 14px !important;
    }
    
    /* Zone saisie - COMPACTE */
    .chat-input-area {
        width: 100% !important;
        flex-shrink: 0 !important;
        padding: 10px 8px 8px 8px !important;
        background: white !important;
    }
    
    .input-wrapper {
        gap: 6px !important;
        margin-bottom: 8px !important;
    }
    
    .input-wrapper input {
        padding: 10px 12px !important;
        font-size: 14px !important;
    }
    
    .voice-btn, .send-btn {
        width: 44px !important;
        height: 44px !important;
    }
    
    .chat-footer-signature {
        gap: 6px !important;
        font-size: 9px !important;
    }
    
    .security-badge, .free-badge, .quantum-badge-footer {
        padding: 3px 8px !important;
        font-size: 9px !important;
    }
}

/* FIX SAFARI iOS */
@supports (-webkit-touch-callout: none) {
    @media (max-width: 968px) {
        body {
            position: fixed !important;
            width: 100% !important;
            height: 100% !important;
        }
        
        .chatbot-container {
            position: fixed !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            bottom: 0 !important;
            width: 100% !important;
            height: 100% !important;
        }
    }
}