/* Messages container */
#owlyMessages {
    padding: 10px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    display: flex;
    flex-direction: column; /* Stack messages vertically */
    gap: 10px; /* Add space between messages */
}

/* User messages */
.owly-user-message {
    align-self: flex-end;
    background-color: #0497f9;
    color: #ffffff;
    padding: 10px;
    border-radius: 10px;
    max-width: 80%;
    word-wrap: break-word;
}

/* Bot messages */
.owly-bot-message {
    align-self: flex-start;
    background-color: #f0f0f0;
    color: #333333;
    padding: 10px;
    border-radius: 10px;
    max-width: 80%;
    word-wrap: break-word;
}

/* Mobile-specific adjustments */
@media (max-width: 768px) {
    #owlyMessages {
        gap: 15px; /* Increase spacing between messages for mobile */
    }

    .owly-user-message,
    .owly-bot-message {
        font-size: 16px; /* Slightly larger text on mobile */
    }
}