.elementor-1003 .elementor-element.elementor-element-abd2596{--display:flex;}.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1003 .elementor-element.elementor-element-1139a9d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1003 .elementor-element.elementor-element-1139a9d.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-1003 .elementor-element.elementor-element-1139a9d img{width:100%;border-style:none;border-radius:-1px -1px -1px -1px;}.elementor-1003 .elementor-element.elementor-element-6650f96{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-1003 .elementor-element.elementor-element-cfa3551{text-align:center;}.elementor-1003 .elementor-element.elementor-element-cfa3551 .elementor-heading-title{color:#21A7CD;}.elementor-1003 .elementor-element.elementor-element-4228522{--display:flex;}.elementor-1003 .elementor-element.elementor-element-3398400{--display:flex;}.elementor-1003 .elementor-element.elementor-element-2e6cf86{text-align:center;}.elementor-1003 .elementor-element.elementor-element-ded99d3{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for heading, class: .elementor-element-2e6cf86 *//* Import the font just in case it isn't loading on this specific element */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&display=swap');

/* Target the text inside the Elementor Heading Widget */
.elementor-1003 .elementor-element.elementor-element-2e6cf86 .elementor-heading-title {
    font-family: 'Cinzel', serif !important;
    color: #f7e096 !important; /* Light Gold */
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
    padding-bottom: 15px; /* Spacing for the bottom border */
    
    /* Elegant golden border at the bottom */
    border-bottom: 2px solid #d4af37;
    
    /* Pulsing animation applied to the text shadow and border glow */
    animation: textMysticGlow 3s infinite alternate;
}

/* Pulsing Ethereal Glow Animation */
@keyframes textMysticGlow {
    0% { 
        text-shadow: 2px 2px 4px rgba(0,0,0,0.8), 0 0 10px rgba(212, 175, 55, 0.5), 0 0 20px rgba(23, 54, 121, 0.6);
        box-shadow: 0 10px 10px -10px rgba(23, 54, 121, 0.5); /* Subtle border glow */
    }
    50% { 
        text-shadow: 2px 2px 4px rgba(0,0,0,0.8), 0 0 15px rgba(100, 150, 255, 0.8), 0 0 25px rgba(212, 175, 55, 0.6);
        box-shadow: 0 15px 15px -10px rgba(100, 150, 255, 0.7);
    }
    100% { 
        text-shadow: 2px 2px 4px rgba(0,0,0,0.8), 0 0 10px rgba(212, 175, 55, 0.5), 0 0 20px rgba(80, 130, 255, 0.7);
        box-shadow: 0 10px 10px -10px rgba(80, 130, 255, 0.5);
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-99fe287 *//* Import the ancient serif font if not already loaded globally */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&display=swap');

/* Main Better Messages Wrapper */
.bp-messages-wrap, 
.bm-window {
    background: radial-gradient(ellipse at top left, #173679 0%, #290e4f 50%, #0a1024 100%) !important;
    border: 3px solid #d4af37 !important;
    border-radius: 8px !important;
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.4), inset 0 0 20px rgba(23, 54, 121, 0.6) !important;
}

/* Sidebar / Thread List Background */
.bp-messages-wrap .bm-threads-list {
    background: rgba(10, 16, 36, 0.6) !important;
    border-right: 1px solid rgba(212, 175, 55, 0.3) !important;
}

/* Headers and Chat Titles */
.bp-messages-wrap .bm-header,
.bp-messages-wrap .thread-title,
.bp-messages-wrap .name {
    font-family: 'Cinzel', serif !important;
    color: #f7e096 !important;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.8) !important;
}

/* General Text Color inside the app */
.bp-messages-wrap .bm-list-item, 
.bp-messages-wrap .preview {
    color: #e8e8e8 !important;
}

/* Message Bubbles - Received (Others) */
.bp-messages-wrap .bm-message {
    background: rgba(23, 54, 121, 0.6) !important; /* Lapis blue translucent */
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #e8e8e8 !important;
    border-radius: 8px !important;
    box-shadow: 0 0 10px rgba(100, 150, 255, 0.2) !important;
}

/* Message Bubbles - Sent (Yours) */
.bp-messages-wrap .bm-message.my-message,
.bp-messages-wrap .bm-message.sent {
    background: rgba(212, 175, 55, 0.15) !important; /* Gold translucent */
    border: 1px solid #d4af37 !important;
    color: #ffffff !important;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.2) !important;
}

/* Text Input Area */
.bp-messages-wrap .bm-reply-area {
    background: #0a1024 !important;
    border-top: 1px solid #d4af37 !important;
}

.bp-messages-wrap textarea {
    background: rgba(255, 255, 255, 0.05) !important;
    color: #e8e8e8 !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    border-radius: 4px !important;
}

.bp-messages-wrap textarea:focus {
    outline: none !important;
    border-color: #f7e096 !important;
    box-shadow: 0 0 10px rgba(100, 150, 255, 0.4) !important;
}

/* Buttons (Send, Options, etc.) */
.bp-messages-wrap .bm-send-button,
.bp-messages-wrap button {
    background: #173679 !important;
    color: #f7e096 !important;
    border: 1px solid #d4af37 !important;
    border-radius: 4px !important;
    font-family: 'Cinzel', serif !important;
    text-transform: uppercase;
    transition: all 0.3s ease !important;
}

.bp-messages-wrap .bm-send-button:hover,
.bp-messages-wrap button:hover {
    background: #d4af37 !important;
    color: #0a1024 !important;
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.8) !important;
    cursor: pointer;
}

/* Scrollbar Customization for a cleaner look */
.bp-messages-wrap ::-webkit-scrollbar {
    width: 8px;
}
.bp-messages-wrap ::-webkit-scrollbar-track {
    background: rgba(10, 16, 36, 0.8);
}
.bp-messages-wrap ::-webkit-scrollbar-thumb {
    background: rgba(212, 175, 55, 0.5);
    border-radius: 4px;
}
.bp-messages-wrap ::-webkit-scrollbar-thumb:hover {
    background: #d4af37;
}/* End custom CSS */