/* Sohbet composer — 4–5 satır balon; sonrası sabit + kaydırma; uzun metinde font küçülür */
#wish-modal .mp-chat-compose-field,
#student-message-modal .mp-chat-compose-field,
#wish-modal #wish-text,
#student-message-modal #student-message-input,
.mp-chat-compose-field {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
    border: none !important;
    border-radius: 1.25rem;
    padding: 0.55rem 0.85rem;
    margin: 0;
    font-weight: 500;
    line-height: 1.4;
    background: #fff !important;
    color: #111b21 !important;
    -webkit-text-fill-color: #111b21 !important;
    caret-color: #111b21 !important;
    outline: none !important;
    resize: none;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 7rem;
    min-height: 2.45rem;
    white-space: pre-wrap;
    word-break: break-word;
    vertical-align: top;
    align-self: flex-end;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    /* font-size / height / overflow JS ile ayarlanır */
    font-size: 0.9rem;
}

#wish-modal .mp-chat-compose-field::placeholder,
#student-message-modal .mp-chat-compose-field::placeholder,
#wish-text::placeholder,
#student-message-input::placeholder {
    color: #8696a0 !important;
    -webkit-text-fill-color: #8696a0 !important;
}

#wish-modal .s-wa-composer,
#wish-modal .s-phone-composer,
#student-message-modal .s-wa-composer,
#student-message-modal .s-phone-composer,
.s-wa-composer.s-phone-composer {
    align-items: flex-end !important;
}

#wish-modal .s-wa-composer button,
#student-message-modal .s-wa-composer button {
    flex-shrink: 0 !important;
    align-self: flex-end !important;
    margin-bottom: 0 !important;
}

@media (max-width: 767px) {
    #wish-modal.is-kb .s-wa-app,
    html.mp-kb-open #wish-modal:not(.hidden) .s-wa-app,
    #student-message-modal.is-kb .s-wa-app,
    html.mp-kb-open #student-message-modal:not(.hidden) .s-wa-app {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        top: var(--mp-vv-top, 0px) !important;
        bottom: auto !important;
        width: 100% !important;
        height: var(--mp-vv-h, 100dvh) !important;
        max-height: var(--mp-vv-h, 100dvh) !important;
        min-height: 0 !important;
        transform: none !important;
    }

    #wish-modal.is-kb .s-wa-composer,
    #student-message-modal.is-kb .s-wa-composer,
    html.mp-kb-open #wish-modal:not(.hidden) .s-wa-composer,
    html.mp-kb-open #student-message-modal:not(.hidden) .s-wa-composer {
        padding-bottom: calc(0.55rem + env(safe-area-inset-bottom, 0px)) !important;
    }
}

html.mp-kb-open #sutlac-root.is-open .sutlac-footer,
#sutlac-root.is-open.is-kb .sutlac-footer {
    padding-bottom: 0.4rem !important;
}