.elementor-30126 .elementor-element.elementor-element-ed68645{--display:flex;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30126 .elementor-element.elementor-element-a7d4339{--spacer-size:15px;}body.elementor-page-30126:not(.elementor-motion-effects-element-type-background), body.elementor-page-30126 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(max-width:768px){.elementor-30126 .elementor-element.elementor-element-ed68645{--justify-content:center;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-40px;--margin-bottom:-25px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-16bab4a */#chat-messages {
    display: flex;
    flex-direction: column;
    gap: 18px;
    color: #fff;
    scroll-behavior: smooth;
    flex: 1;
    width: 100%;
}

.user-msg, .bot-msg {
    max-width: 75%;
    padding: 12px 16px;
    border-radius: 15px;
    line-height: 1.5;
    font-size: 15px;
    word-wrap: break-word;
    animation: fadeIn 0.3s ease;
}

.user-msg {
    align-self: flex-end;
    background: #1a1a1a;
    border: 1px solid #4f4f4f;
}

.bot-msg {
    align-self: flex-start;
    background: #111;
    border: 1px solid #2a2a2a;
}

.welcome-msg {
    text-align: center;
    font-size: 36px;
    color: #81efa7;
    margin-top: 40%;
    font-weight: 700;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Gönder butonu ikon animasyonu */
#chat-form button svg {
    transition: transform 0.2s ease;
}

#chat-form button:hover svg {
    transform: translateX(3px);
}

/* === Chat form ortalama ve input/button hizalama === */
#chat-form {
    width: 100%;
    display: flex;
    align-items: center;       /* Dikey ortala */
    justify-content: center;    /* Yatayda ortala */
    gap: 10px;
    margin-top: 10px;
}

#chat-form input {
    flex: 1;
    padding: 10px 40px 10px 12px;
    height: 40px;               /* button ile aynı yükseklik */
    border-radius: 15px;
    font-size: 15px;
    background: #000;
    color: #fff;
    border: 1px solid #4f4f4f;
    outline: none;
    box-sizing: border-box;
}

#chat-form button {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: none;
    cursor: pointer;
    padding: 0;
}

/* === Mobil uyumluluk === */
@media (max-width: 768px) {
    #chat-form {
        gap: 8px;
    }

    #chat-form input {
        font-size: 14px;
    }
}/* End custom CSS */