.elementor-kit-8{--e-global-color-primary:#1E7E8F;--e-global-color-secondary:#D5F4F2;--e-global-color-text:#FFFFFF;--e-global-color-accent:#FFFFFF;--e-global-color-5b015c5:#010101;--e-global-color-c7adb37:#010101;--e-global-color-b0636db:#EAFAF9;--e-global-typography-primary-font-family:"EB Garamond";--e-global-typography-primary-font-size:18px;--e-global-typography-primary-font-weight:500;--e-global-typography-primary-letter-spacing:0.3px;--e-global-typography-secondary-font-family:"Playfair Display";--e-global-typography-secondary-font-size:16px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-8ae9aad-font-family:"Playfair Display";--e-global-typography-8ae9aad-font-size:60px;--e-global-typography-8ae9aad-font-weight:500;--e-global-typography-8ae9aad-line-height:65px;--e-global-typography-8ae9aad-letter-spacing:0.5px;--e-global-typography-18a44b3-font-family:"EB Garamond";--e-global-typography-18a44b3-font-size:20px;--e-global-typography-cd92f50-font-family:"Playfair Display";--e-global-typography-cd92f50-font-size:30px;--e-global-typography-1c816a3-font-family:"Playfair Display";--e-global-typography-1c816a3-font-size:20px;--e-global-typography-1c816a3-font-weight:700;--e-global-typography-d0021d9-font-family:"EB Garamond";--e-global-typography-d0021d9-font-size:28px;--e-global-typography-d0021d9-font-weight:400;--e-global-typography-cb80701-font-family:"Playfair Display";--e-global-typography-cb80701-font-size:40px;--e-global-typography-cb80701-font-weight:500;--e-global-typography-cb80701-line-height:48px;--e-global-typography-cb80701-letter-spacing:0.5px;--e-global-typography-1fc88a1-font-family:"Playfair Display";--e-global-typography-1fc88a1-font-size:25px;--e-global-typography-1fc88a1-font-weight:400;--e-global-typography-1fc88a1-line-height:48px;--e-global-typography-1fc88a1-letter-spacing:0.5px;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 1. CONTAINER ROW LAYOUTS */
.chat-row-left {
    display: flex !important;
    align-items: flex-end; 
    margin-bottom: 15px;
    width: 100%;
    justify-content: flex-start;
}

.chat-row-right {
    display: flex !important;
    align-items: flex-end; 
    margin-bottom: 15px;
    width: 100%;
    justify-content: flex-end;
}

/* 2. AVATAR STYLES */
.chat-avatar {
    flex-shrink: 0 !important; 
}

.chat-avatar img {
    width: 35px !important;
    height: 35px !important;
    min-width: 35px !important;  
    min-height: 35px !important; 
    border-radius: 50%; 
    object-fit: cover;
}

.chat-row-left .chat-avatar { 
    margin-right: 10px; 
}

.chat-row-right .chat-avatar { 
    margin-left: 10px; 
}

/* 3. LEFT BUBBLE */
.speech-left {
    position: relative;
    background: #D5F4F2; 
    color: #051B1F;      
    border: 1px solid #A2DDD9; 
    border-radius: 12px;
    padding: 8px 14px;         
    max-width: 35%; /* Desktop width */                 
    font-size: 14px;           
}

.speech-left::after {
    content: "";
    position: absolute;
    bottom: 8px; 
    left: -8px;
    width: 0;
    height: 0;
    border-right: 8px solid #D5F4F2; 
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

/* 4. RIGHT BUBBLE */
.speech-right {
    position: relative;
    background: #1E7E8F; 
    color: #FFFFFF;      
    border-radius: 12px; 
    padding: 8px 14px;         
    max-width: 35%;                 
    font-size: 14px;           
    margin-left: auto;  /* FIX: Pushes short sentences completely to the right edge */
}

.speech-right::after {
    content: "";
    position: absolute;
    bottom: 8px;
    right: -8px;
    width: 0;
    height: 0;
    border-left: 8px solid #1E7E8F; 
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

/* ======================================= */
/* 5. MOBILE USER FRIENDLY OVERRIDES     */
/* ======================================= */
@media (max-width: 767px) {
    .speech-left, .speech-right {
        max-width: 75% !important; /* Widens the bubbles so text can breathe */
        font-size: 15px !important; /* Slightly bump text size for easier phone reading */
        padding: 10px 14px !important; /* Better finger-tap/read spacing */
    }
    
    .chat-avatar img {
        width: 30px !important;  /* Marginally scales down image size for small screens */
        height: 30px !important;
        min-width: 30px !important;
        min-height: 30px !important;
    }
}
/* ======================================= *//* End custom CSS */