.elementor-1471 .elementor-element.elementor-element-24a16030{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1471 .elementor-element.elementor-element-40f18877{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1471 .elementor-element.elementor-element-40f18877.e-con{--flex-grow:0;--flex-shrink:0;}.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 );color:var( --e-global-color-primary );}.elementor-1471 .elementor-element.elementor-element-4a99edbf{padding:5px 5px 5px 5px;}.elementor-1471 .elementor-element.elementor-element-4a99edbf .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#000000;}.elementor-1471 .elementor-element.elementor-element-772b5cb3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-1471 .elementor-element.elementor-element-772b5cb3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-1471 .elementor-element.elementor-element-14851af7{width:auto;max-width:auto;padding:0px 0px 0px 0px;}.elementor-1471 .elementor-element.elementor-element-14851af7 .elementor-icon-wrapper{text-align:right;}.elementor-1471 .elementor-element.elementor-element-14851af7.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-1471 .elementor-element.elementor-element-14851af7.elementor-view-framed .elementor-icon, .elementor-1471 .elementor-element.elementor-element-14851af7.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-1471 .elementor-element.elementor-element-14851af7.elementor-view-framed .elementor-icon, .elementor-1471 .elementor-element.elementor-element-14851af7.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-1471 .elementor-element.elementor-element-14851af7 .elementor-icon{font-size:18px;}.elementor-1471 .elementor-element.elementor-element-14851af7 .elementor-icon svg{height:18px;}@media(min-width:768px){.elementor-1471 .elementor-element.elementor-element-40f18877{--width:11%;}.elementor-1471 .elementor-element.elementor-element-772b5cb3{--width:12%;}}@media(max-width:1024px){.elementor-1471 .elementor-element.elementor-element-24a16030{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-1471 .elementor-element.elementor-element-24a16030{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS *//* 1. LOCK THE MAIN PAGE (Kill the Outer Scrollbar) */
html, body {
    overflow: hidden !important; /* Stop the browser window from scrolling */
    height: 100% !important;     /* Force it to fit the screen exactly */
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. HIDE ALL SCROLLBARS (The "Invisible" Trick) */
/* This allows scrolling to happen, but hides the ugly grey bar */
::-webkit-scrollbar {
    width: 0px !important;
    background: transparent !important;
    display: none !important;
}



/* --- BWMF: CONTAINER JAIL FOR FULLSCREEN CHAT --- */
/* Forces the "Fullscreen" plugin to sit between Header & Footer */

/* 1. Target the Plugin's "Fullscreen" Container */
#better-messages-root,
.bm-window, 
.bm-chat-window {
    /* Keep it fixed so it doesn't scroll with the page */
    position: fixed !important;
    
    /* --- THE JAIL WALLS (Adjust these numbers!) --- */
    top: 60px !important;    /* Height of your Header */
    bottom: 80px !important; /* Height of your Footer */
    
    /* Force it to fill the width */
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    height: auto !important; /* Let top/bottom define the height */
    
    /* Lower Z-Index so Header/Footer sit ON TOP of the edges */
    z-index: 50 !important; 
    
    /* Visual Cleanup */
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #fff !important;
}

/* 2. Hide the "Minimize/Close" buttons (Since it's now embedded) */
.bm-window-controls {
    display: none !important;
}

/* 3. Ensure the internal list fills the new jail cell */
.bp-better-messages-list,
.bm-window-content {
    height: 100% !important;
}

/* 4. OPTIONAL: Fix Header/Footer Z-Index */
/* Ensures your nav bars sit on top of the chat edges */
header, footer, .elementor-location-header, .elementor-location-footer {
    z-index: 9999 !important;
    position: relative !important; /* Or fixed, depending on your design */
}/* End custom CSS */