/**
 * Theme Name:     Hello Biz Child
 * Author:         Elementor Team
 * Template:       hello-biz
 * Text Domain:	   hello-biz-child
 * Description:    Hello Biz is a free, user-friendly Hybrid WordPress Theme that was crafted for seamless integration with the Elementor site builder and tailored specifically for business websites. Perfect for beginners, but far from limited to just them, it features a dedicated beginner-oriented “Home” screen to simplify and streamline the web-building process. Hello Biz also integrates with Elementor’s premium features, giving you access to tools like AI, and accessibility enhancements in one place. Whether launching a startup site or refining a company portfolio, Hello Biz offers a solid, responsive foundation for all web creators. Report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team validates, triages, and handles vulnerabilities. Report here: https://patchstack.com/database/wordpress/theme/hello-biz/vdp.
 */


/* Container général */
.afd-container {
    padding: 40px 20px;
    background: #f5f7fa;
    display: flex;
    justify-content: center;
    min-height: 100vh;
    box-sizing: border-box;
    font-family: 'Manrope', sans-serif;
}

/* Wrap chat */
.afd-chat-wrap {
    width: 100%;
    max-width: 900px;
    background: #ffffff;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

/* Header */
.afd-header {
    padding: 24px 30px;
    border-bottom: 1px solid #e6e9ef;
    background: linear-gradient(90deg, #0700FF, #F55D2D);
    color: #fff;
}
.afd-header h1 {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
}
.afd-sub {
    margin-top: 6px;
    font-size: 14px;
    opacity: 0.85;
}

/* Chat principal */
.afd-chat {
    padding: 20px 24px;
    height: 60vh;
    overflow-y: auto;
    background: #f9fafc;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Messages */
.afd-msg {
    padding: 12px 16px;
    border-radius: 16px;
    max-width: 75%;
    line-height: 1.5;
    font-size: 15px;
    word-wrap: break-word;
}
.afd-msg.bot {
    background: #f1f3f6;
    align-self: flex-start;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03);
}
.afd-msg.user {
    background: #e0f3ff;
    align-self: flex-end;
    margin-left: auto;
    text-align: right;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}

/* Footer */
.afd-footer {
    padding: 14px 24px;
    border-top: 1px solid #e6e9ef;
    display: flex;
    align-items: center;
    gap: 12px;
    background: #ffffff;
}
#afd-input {
    flex: 1;
    padding: 14px 16px;
    border-radius: 12px;
    border: 1px solid #d7e0ea;
    font-size: 15px;
    outline: none;
    transition: 0.2s;
}
#afd-input:focus {
    border-color: #0700ff;
    box-shadow: 0 0 8px rgba(7,0,255,0.15);
}
.afd-btn {
    background: #0700ff;
    color: #fff;
    border: none;
    padding: 12px 20px;
    border-radius: 12px;
    cursor: pointer;
    font-weight: 600;
    transition: 0.2s;
}
.afd-btn:hover {
    background: #0500cc;
}

/* Options boutons */
.afd-options {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
}
.afd-option-btn {
    background: #ffffff;
    border: 1px solid #e3e7ee;
    padding: 10px 14px;
    border-radius: 14px;
    cursor: pointer;
    font-size: 14px;
    transition: 0.2s;
    box-shadow: 0 2px 4px rgba(0,0,0,0.04);
}
.afd-option-btn:hover {
    background: #f0f5ff;
    border-color: #0700ff;
}