@font-face {
    font-family: 'quicksandregular';
    src: url('../fonts/quicksand-regular-webfont.woff2') format('woff2'),
    url('../fonts/quicksand-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/***************** woo chatbot quick ball End ******************/
/*********************
ball Selector
**********************/
@keyframes ballAnimation {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0.3;
    }
}

.woo-chatbot-ball {
    position: relative;
    background: #fff;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    /*border: 3px solid #1f8ceb;*/
    float: right;
    /*animation: ballAnimation 2s;*/
    /*opacity: 0.3;*/
    -webkit-transition: all 0.5s linear; /* Safari 3.2+, Chrome */
    -moz-transition: all 0.5s linear; /* Firefox 4-15 */
    -o-transition: all 0.5s linear; /* Opera 10.5-12.00 */
    transition: all 0.5s linear; /* Firefox 16+, Opera 12.50+ */
    cursor: pointer;
    z-index: 9999999999;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=40, Direction=90, Color=#d4d4d4)";/*IE 8*/
    -moz-box-shadow: 0px 0px 40px #d4d4d4;/*FF 3.5+*/
    -webkit-box-shadow: 0px 0px 40px #d4d4d4;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: #767580 0px 4px 20px;
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=40, Direction=90, Color=#d4d4d4); /*IE 5.5-7*/
    overflow: hidden !important;

}

.woo-chatbot-ball:hover {
    opacity: 1;
}

@keyframes ballAnimation2 {
    0% {
        transform: scale(1);
        opacity: 0;
    }
    100% {
        transform: scale(2.0);
        opacity: 0.6;
    }
}

.woo-chatbot-ball:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #182438;
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    animation: ballAnimation2 2s 4 alternate;
    -webkit-transition: all 0.2s linear; /* Safari 3.2+, Chrome */
    -moz-transition: all 0.2s linear; /* Firefox 4-15 */
    -o-transition: all 0.2s linear; /* Opera 10.5-12.00 */
    transition: all 0.2s linear; /* Firefox 16+, Opera 12.50+ */
}

.woo-chatbot-ball:hover:after {
    transform: scale(1.0);
    opacity: 0.6;
}

.woo-chatbot-ball:before {
    content: '';
    width: 170px;
    height: 170px;
    position: absolute;
    /*background: rgba(5, 5, 5, 0.38);
    */
    left: -70px;
    top: -70px;
    display: none;
    border-radius: 50%;
}

.woo-chatbot-ball:hover:before {
    display: block;
}

/*********************
ball content wrapper
**********************/
.woo-chatbot-ball-container {
    font-family: "quicksandregular", "Helvetica Neue", Helvetica, Aria;
    height: auto;
    background: #ffffff;
    width: 350px;
    position: relative;
    /*border: 1px solid #616060;*/
    box-sizing: border-box;
    z-index: 9999999999;
   /* border-radius: 5px;*/
   /* left: -24px;*/
    /*bottom: 30px;*/
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    left: 0px;
    bottom: 10px;
    box-shadow: 0 5px 40px rgba(0, 0, 0, .35);
    opacity: 0;
    transform: translate3d(26px, 22px, 0) scale(0.72);
    transform-origin: right bottom;
    pointer-events: none;
}

.woo-chatbot-ball-container.woobot-chat-open {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    pointer-events: auto;
}

.woo-chatbot-ball-container.woobot-chat-opening {
    animation: woobotChatPanelOpen 0.45s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
}

.woo-chatbot-ball-container.woobot-chat-closing {
    animation: woobotChatPanelClose 0.36s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@keyframes woobotChatPanelOpen {
    0% {
        opacity: 0;
        transform: translate3d(26px, 22px, 0) scale(0.72);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@keyframes woobotChatPanelClose {
    0% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
    100% {
        opacity: 0;
        transform: translate3d(20px, 16px, 0) scale(0.8);
    }
}

/*.slimScrollDiv {*/
/*padding-right: 5px !important;*/
/*}*/

.woo-chatbot-ball-container:after {
   /* content: "";
    position: absolute;
    right: -1px;
    bottom: -27px;
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 0px solid transparent;
    border-top: 30px solid #ffffff;*/

}

#woo-chatbot-icon-container {
    position: fixed;
    z-index: 999998;
}

/***************** woo chatbot quick ball End ******************/
/******************************
Woo Chat bot Message container
*********************************/

.woo-chatbot-admin {
    background: #1f8ceb;
    border-radius: 5px 5px 0 0;
    margin: 0;
    padding: 10px 15px;
    display: none;
}

.woo-chatbot-admin h3, .woo-chatbot-admin h4 {
    color: #ffffff;
    margin: 0;
    padding: 0;
    display: inline-block;
}

.woo-chatbot-admin h3 {
    font-size: 18px;
    font-weight: bold;
}

.woo-chatbot-admin h4 {
    font-size: 14px;
    font-weight: normal;
}

.woo-chatbot-ball-inner {
    position: relative;
    padding: 15px;
    /*background: url("../images/message-bg.png") no-repeat top center;*/
}

.woo-chatbot-comment-loader {
    margin: 0 auto;
    display: block;
    margin-left:20%;
}

ul.woo-chatbot-messages-container {
    padding: 0;
    margin: 0;
}

ul.woo-chatbot-messages-container > li {
    position: relative;
    box-sizing: border-box;
    word-wrap: break-word;
    margin-bottom: 20px;
    list-style: none;
    display: block;
    clear: both;
    font-size: 14px;
    line-height: 150%;
}

ul.woo-chatbot-messages-container > li > span,  span.woo-chatbot-paragraph.ai-response {
    padding: 10px;
    max-width: 90%;
    display: table;
}

ul.woo-chatbot-messages-container > li.woo-chat-user-msg span {
    text-align: right;
    float: right;
}

ul.woo-chatbot-messages-container > li.woo-chat-user-msg:after, ul.woo-chatbot-messages-container > li .woo-chatbot-featured-products:after {
    clear: both;
    display: block;
    content: "";
    height: 1px;
}

.woo-chat-user-msg span {
    background-color: #eaf1f6;
    color: #494949;
    margin-left: 10%;
    border-radius: 10px 10px 0 10px;
}

.woo-chatbot-msg span {
    background-color: #1f8ceb;
    color: #ffffff;
    border-radius: 0 10px 10px 10px;
}

ul.woo-chatbot-messages-container li:first-child.woo-chatbot-msg span {
    background: #fff;
    color: #494949;
    /*border-radius: 0 10px 10px 10px;*/
}

span.qcld-chatbot-product-category, span.qcld-chatbot-button {
    display: block;
    margin: 5px auto;
    background: #f2f2f2;
    border: 1px solid #eee;
    padding: 12px 30px;
    color: #494949;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
}

#bot-bottom button {
    display: block;
}

.woo-chatbot-featured-products {
    clear: both;
    height: auto;
    margin-bottom: 15px;
}

.woo-chatbot-featured-products ul {
    margin: 0;
    padding: 0;
}

.woo-chatbot-featured-products ul li {
    position: relative;
    display: inline-block;
    width: 46%;
    float: left;
    margin: 2%;
    box-sizing: border-box;
    padding: 2px;
    background-color: #eee;
    border-radius: 5px;
    min-height: 126px;
}

.woo-chatbot-featured-products ul li img {
    display: block;
}

.woo-chatbot-featured-products ul li .woo-chatbot-product-summary {
    background: rgba(0, 0, 0, 0.51);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 999;
    visibility: hidden;
    font-size: 12px;
}

.woo-chatbot-featured-products ul li .woo-chatbot-product-summary {
    visibility: visible;
}

.woo-chatbot-featured-products ul li:hover .woo-chatbot-product-summary {
    visibility: visible;
}

.woo-chatbot-featured-products ul li .woo-chatbot-product-summary .woo-chatbot-product-table {
    display: table;
    height: 100%;
    width: 100%;
}

.woo-chatbot-featured-products ul li .woo-chatbot-product-summary .woo-chatbot-product-table .woo-chatbot-product-table-cell {
    display: table-cell;
    vertical-align: middle;
    padding: 0 6px;
}

.woo-chatbot-featured-products ul li .woo-chatbot-product-summary h3.woo-chatbot-product-title {
    padding: 0;
    margin: 0 0 10px 0;
    font-size: 16px;
}

.woo-chatbot-featured-products ul li .woo-chatbot-product-summary h3.woo-chatbot-product-title a {
    color: #ffffff;
}

.woo-chatbot-featured-products ul li .woo-chatbot-product-summary .price, .woo-chatbot-featured-products ul li .woo-chatbot-product-summary .price span, .woo-chatbot-featured-products ul li .woo-chatbot-product-summary .price ins, .woo-chatbot-featured-products ul li .woo-chatbot-product-summary .price del {
    background-color: transparent;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
}

.woo-chatbot-editor-container {
  background-color: #efefef;
  border-radius: 0 0 5px 5px;
  margin: 0;
  padding: 2px 0 2px 8px;
  border: 4px solid #fff;
  border-radius: 6px;
}

.woo-chatbot-editor-container input {
    display: inline-block;
    border: none;
    height: 40px;
    font-family: 'Montserrat', sans-serif;
    width: 94%;
    background-color: transparent;
    color: #222;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

.woo-chatbot-editor-container input:focus {
    outline: none;
    border: none;
    box-shadow: none;
    background: none;
}

.woo-chatbot-editor-container input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #565867;
}

.woo-chatbot-editor-container input::-moz-placeholder { /* Firefox 19+ */
    color: #565867;
}

.woo-chatbot-editor-container input:-ms-input-placeholder { /* IE 10+ */
    color: #565867;
}

.woo-chatbot-editor-container input:-moz-placeholder { /* Firefox 18- */
    color: #565867;
}

.woo-chatbot-editor-container button {
    display: inline-block;
    height: 50px;
    color: transparent !important;
    cursor: pointer;
    padding: 0;
    border: none;
    outline: none;
}



.woo-chatbot-editor-container button:focus {
    outline: none;
    border: none;
    box-shadow: none;

}
/* Responsive part */
/*@media (max-width: 400px) {
    #woo-chatbot-icon-container {
        right: 0px !important;
        bottom: 0px !important;
    }
}*/
#woo-chatbot-mobile-close {
    display: block;
    position: absolute;
    right: 7px;
    top: -13px;
    padding: 5px;
    font-size: 14px;
    font-family: "Arial";
    line-height: 20px;
    width: 30px;
    height: 30px;
    background-color: #7d8999;
    border-radius: 50%;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    box-sizing: border-box;
    transition: 0.2s;
    transform: translateY(20px);
}
@media screen and (max-width: 768px) {
    .woo-chatbot-ball-container {
        /*width: 100%;
        left:0;
        bottom:0;*/
    }
    .woo-chatbot-ball-container:after{
        display: none;
    }

.woo-chatbot-ball-container {
    margin: 0 0 0 20px;
	bottom: 20px !important;
}
}
@media screen and (max-width: 500px) {
/*    .woo-chatbot-ball {
        bottom: 20px;
        right: 15px;
    }

    .woo-chatbot-ball-container {
        right: 30px;
        bottom: 30px;
        width: 85vw;
    }*/
    /*#woo-chatbot-icon-container {
        right: 0px !important;
        bottom: 0px !important;
    }*/

}




/******* bargain module Featured products *******/

.woo-chatbot-products-bargain {
    clear: both;
    height: auto;
    margin-bottom: 0px;
}

.woo-chatbot-products-bargain ul {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
}

.woo-chatbot-products-bargain ul li {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 2px;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.51);
    height: 100px;
}

.woo-chatbot-products-bargain ul li:nth-child(2n+2) {
/*    margin-left: 4%;
*/}

.woo-chatbot-products-bargain ul li img {
    display: block;
    max-width: 35% !important;
    height: 96px;
    box-shadow: none !important;
    float: left;
}

.woo-chatbot-products-bargain ul li .woo-chatbot-product-bargain {
    width: 65%;
    float: left;
    padding: 2%;

}

.woo-chatbot-products-bargain ul li:hover .woo-chatbot-product-bargain {
    visibility: visible;
}

.woo-chatbot-products-bargain ul li .woo-chatbot-product-bargain .woo-chatbot-product-table {
    display: table;
    height: 100%;
    width: 100%;
}

.woo-chatbot-products-bargain ul li .woo-chatbot-product-bargain .woo-chatbot-product-table .woo-chatbot-product-table-cell {
    display: table-cell;
    vertical-align: middle;
}

.woo-chatbot-products-bargain ul li .woo-chatbot-product-bargain h3.woo-chatbot-product-title {
    padding: 0;
    margin: 0 0 10px 0;
    font-size: 14px;
    line-height: 1.2;
}

.woo-chatbot-products-bargain ul li .woo-chatbot-product-bargain h3.woo-chatbot-product-title {
    color: #ffffff;
    text-decoration: none;
}

.woo-chatbot-products-bargain ul li .woo-chatbot-product-bargain .price, .woo-chatbot-products-bargain ul li .woo-chatbot-product-bargain .price span, 
.woo-chatbot-products-bargain ul li .woo-chatbot-product-bargain .price ins, .woo-chatbot-products-bargain ul li .woo-chatbot-product-bargain .price del {
    background-color: transparent !important;
    color: #ffffff;
    font-size: 14px;
}


/****************************************************
 * Chatbot avatar
 ****************************************************/

ul.woo-chatbot-messages-container > li.woo-chat-user-msg .woo-chatbot-avatar {
    right: 0;
}

ul.woo-chatbot-messages-container > li .woo-chatbot-avatar, .woo-chatbot-agent-profile .woo-chatbot-widget-avatar {
    position: absolute;
    top: 0;
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
}

#woo-chatbot-messages-container .woo-chatbot-avatar img, .woo-chatbot-agent-profile .woo-chatbot-widget-avatar img {
    width: 40px !important;
    height: 40px !important;
}

#woo-chatbot-shortcode-template-container img, #woo-chatbot-chat-container img {
    max-width: 100%;
    height: auto;
    box-shadow: none !important;
}
ul.woo-chatbot-messages-container > li.woo-chatbot-msg .woo-chatbot-avatar, .woo-chatbot-agent-profile .woo-chatbot-widget-avatar {
    left: 0;
}
ul.woo-chatbot-messages-container > li .woo-chatbot-avatar, .woo-chatbot-agent-profile .woo-chatbot-widget-avatar {
    position: absolute;
    top: 0;
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
}
ul.woo-chatbot-messages-container > li.woo-chat-user-msg .woo-chatbot-paragraph {
    background-color: #eaf1f6;
    color: #494949;
    margin-left: 10%;
    border-radius: 10px 10px 0 10px;
}

ul.woo-chatbot-messages-container > li.woo-chat-user-msg .woo-chatbot-paragraph {
    text-align: right;
    float: right;
}

ul.woo-chatbot-messages-container > li.woo-chat-user-msg {
    padding-right: 50px;
}

ul.woo-chatbot-messages-container > li > .woo-chatbot-paragraph, .woo-chatbot-agent-profile .woo-chatbot-bubble {
    padding: 8px 15px;
    max-width: 90%;
    box-shadow: 0 2px 8px #bfbfbf;
    line-height: 150%;
    display: table;
    word-wrap: break-word;
}

ul.woo-chatbot-messages-container > li > .woo-chatbot-paragraph, .woo-chatbot-agent-profile .woo-chatbot-bubble {
    padding: 8px 15px;
    max-width: 90%;
    box-shadow: 0 2px 8px #bfbfbf;
    line-height: 150%;
    display: table;
    word-wrap: break-word;
}

ul.woo-chatbot-messages-container > li.woo-chatbot-msg {
    padding-left: 50px;
}
ul.woo-chatbot-messages-container  li.woo-chatbot-msg .qcld-modal-bargin-confirm-btn-yes, 
ul.woo-chatbot-messages-container  li.woo-chatbot-msg .qcld-modal-bargin-confirm-btn-no, 
ul.woo-chatbot-messages-container  li.woo-chatbot-msg .qcld-modal-bargin-confirm-btn-checkout, 
ul.woo-chatbot-messages-container  li.woo-chatbot-msg .qcld-modal-bargin-confirm-add-to-cart, 
ul.woo-chatbot-messages-container  li.woo-chatbot-msg .qcld-chatbot-bargin-confirm-btn, 
ul.woo-chatbot-messages-container  li.woo-chatbot-msg .qcld-modal-bargin-confirm-add-to-cart, 
ul.woo-chatbot-messages-container  li.woo-chatbot-msg .qcld-chatbot-bargin-confirm-btn, 
ul.woo-chatbot-messages-container  li.woo-chatbot-msg .qcld-modal-bargin-add-to-cart {
    padding: 5px 15px;
}

.woo-chatbot-products-bargain ul li .woo-chatbot-product-bargain h3.woo-chatbot-product-title {
    max-height: 65px;
    overflow: hidden;
}

.woo-chatbot-featured-products ul li .woo-chatbot-product-summary h3.woo-chatbot-product-title {
    max-height: 80px;
    overflow: hidden;
}


@keyframes chatOpenAnim{
        to{
            opacity: 1;
        
        }
        from{
            opacity:0;
        
        }
}
@keyframes chatOpenAnim2{
        to{
            opacity: 1;
        
        }
        from{
            opacity:0;
            
        }
}
.woobot_chatopen_iconanimation img{
    animation: chatOpenAnim 0.5s;
}
.woobot_chatclose_iconanimation img{
    animation: chatOpenAnim2 0.5s;  
}
.woo-chatbot-ball-container {
    border-radius: 5px !important;
}
.woo-chatbot-comment-loader{
	background:#fff !important;
	padding:5px;
	 border-radius: 5px !important;
}
.slimScrollDiv {
    border-radius: 5px 5px 0 0 !important;
}
.woo-chatbot-featured-products ul li img {
    display: block;
    height: auto;
    object-fit: contain;
    width: 100%;
}
/* Css Updated - 06-06-24 */

.woo-chatbot-msg span {
    color: rgb(255, 255, 255);
    background: linear-gradient(135deg, rgb(42, 39, 218) 0%, rgb(0, 204, 255) 100%);
    border-radius: 10px;
    box-shadow: 0 2px 8px #bfbfbf;
}
ul.woo-chatbot-messages-container li:first-child.woo-chatbot-msg span {
    color: rgb(255, 255, 255);
    background: linear-gradient(135deg, rgb(42, 39, 218) 0%, rgb(0, 204, 255) 100%);
    border-radius: 10px;
    box-shadow: 0 2px 8px #bfbfbf;
}
ul.woo-chatbot-messages-container > li.woo-chat-user-msg .woo-chatbot-paragraph {
    color: rgb(255, 255, 255);
    background: linear-gradient(135deg, rgb(0, 204, 255) 0%, rgb(42, 39, 218) 100%);
    border-radius: 10px;
    box-shadow: 0 2px 8px #bfbfbf;
}
div#woo-chatbot-ball {
    box-shadow: rgba(0, 77, 255, 0.5) 0px 4px 24px;
}

.woo-chatbot-ball:after {
    background: #18243800;
}

.woo-chatbot-ball-container {
    background: #ffffff00 !important;
}



.woo-chatbot-msg span.qcld-chatbot-button {
    color: rgb(0, 125, 252);
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgb(0, 125, 252);
    padding: 8px 15px 6px 15px;
    display: inline-block;
    margin: 4px 5px;
}
.woo-chatbot-avatar {
    box-shadow: rgb(0 77 255 / 25%) 0px 4px 24px !important;
    border: 1px solid #b9b9b9 !important;
}
li.woo-chat-user-msg .woo-chatbot-avatar {
    box-shadow: rgb(0 77 255 / 25%) 0px 4px 24px !important;
    border: 0px solid #b9b9b9 !important;
}
div#woo-chatbot-editor-container input::placeholder {
    color: #181818 !important;
  }
div#woo-chatbot-editor-container input::-ms-input-placeholder {
    color: #181818 !important;
}

.woo-chatbot-messages-wrapper span.woocommerce-Price-amount.amount {
    background: none;
    box-shadow: none;
}
.woo-chatbot-messages-wrapper span.woocommerce-Price-currencySymbol{
    background: none;
    box-shadow: none;
}
ul.woo-chatbot-messages-container > li.woo-chat-user-msg span {
    text-align: right;
    float: right;
    color: rgb(255, 255, 255);
    background: linear-gradient(135deg, rgb(0, 204, 255) 0%, rgb(42, 39, 218) 100%);
    border-radius: 10px;
    box-shadow: 0 2px 8px #bfbfbf;
}

ul#woo-chatbot-messages-container span.qcld-chatbot-product-category {
    display: inline-block;
    padding: 6px 25px;
    border: none;
    margin: 3px 3px;
    color: rgb(255, 255, 255);
    background: linear-gradient(135deg, rgb(42, 39, 218) 0%, rgb(0, 204, 255) 100%);
    border-radius: 10px;
    box-shadow: 0 2px 8px #bfbfbf;   
    font-size: 14px; 
}

ul#woo-chatbot-messages-container span.qcld-chatbot-product-category:hover{
    background: linear-gradient(295deg, rgb(42, 39, 218) 0%, rgb(0, 204, 255) 100%); 
}

.woo-chatbot-msg span.qcld-chatbot-button {
    color: rgb(0, 125, 252);
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgb(0, 125, 252);
    padding: 8px 15px 6px 15px;
    display: inline-block;
    margin: 4px 5px;
    color: rgb(255, 255, 255);
    background: linear-gradient(135deg, rgb(42, 39, 218) 0%, rgb(0, 204, 255) 100%);
    border-radius: 10px;
    box-shadow: 0 2px 8px #bfbfbf;
    border: none;
    font-size: 14px;
}
.woo-chatbot-msg span.qcld-chatbot-button:hover {
background: linear-gradient(295deg, rgb(42, 39, 218) 0%, rgb(0, 204, 255) 100%);
}

input#woo-chatbot-editor :focus:focus-visible {
    outline: none !important;
}
@media screen and (max-width: 480px) {
.slimScrollDiv {
    border-radius: 0;
}
}

@media screen and (max-width: 480px) {
.woo-chatbot-ball-container {
    width: auto;
}
.woo-chatbot-ball-container {
    margin: 0;
}

.slimScrollDiv {
    border-radius: 0 !important;
}

}

.woo-chatbot-featured-products ul li .woo-chatbot-product-summary {
    background: rgb(35 64 223 / 62%);
}
.woo-chatbot-featured-products ul li .woo-chatbot-product-summary h3.woo-chatbot-product-title a {
    font-weight: bold;
}

.woo-chatbot-featured-products ul li .woo-chatbot-product-summary {
    border-radius: 6px;
}

body div#woo-chatbot-ball img {
    object-fit: cover;
    height: 60px;
    width: 60px;
}



@media screen and (max-width: 480px) {
    .woo-chatbot-ball-container {
        width: 94%;
        margin: 0 auto !important;
    }
}

.woo-chatbot-featured-products ul li .woo-chatbot-product-summary
 {
        background: linear-gradient(135deg, rgb(42 39 218 / 74%) 0%, rgb(0 204 255 / 65%) 100%) !important;
            border: 2px solid #fff;
}

.woo-chatbot-featured-products ul li .woo-chatbot-product-summary:hover
 {
    background: linear-gradient(135deg, rgb(0 204 255 / 65%) 100%) 0%, rgb(42 39 218 / 74%) !important;
}



.woo-chatbot-msg .price span {
    background: none;
    box-shadow: none;
}

.woo-chatbot-featured-products ul li .woo-chatbot-product-summary {
    position: relative;
}

.woo-chatbot-ball-inner {
    padding: 15px 15px 15px 15px;
}
.woo-chatbot-featured-products ul li .woo-chatbot-product-summary h3.woo-chatbot-product-title {
    max-height: initial !important;
    overflow: hidden;
    font-size: 13px;
    padding: 8px 0;
        margin: 0;
    height: 52px;    
    line-height: normal;
}
ul.woo-chatbot-messages-container > li.woo-chatbot-msg:last-child {
    padding-bottom: 20px;
}

.woo-chatbot-featured-products ul li .woo-chatbot-product-summary .price span{
      font-size: 13px;  
}

@media screen and (max-width: 480px) {
    .woo-chatbot-ball-inner {
    height: calc(100vh - 120px) !important;
}

#woo-chatbot-mobile-close {
        background-color: #0871cd;
        color: #ffffff;
}
}

@media screen and (max-width: 480px) {
    .woo-chatbot-ball-container {
        width: 98%;
        margin: 0 auto !important;
    }
}


/* ===== Chat UI redesign (matching provided reference) ===== */
#woo-chatbot-ball-container.woo-chatbot-ball-container {
    width: 390px !important;
    border-radius: 24px !important;
    background-color: #f3f4f7 !important;
    box-shadow: 0 16px 42px rgba(0, 0, 0, 0.2) !important;
    overflow: hidden;
    transform-origin: right bottom;
    transition: width 0.35s cubic-bezier(0.22, 0.61, 0.36, 1),
        height 0.35s cubic-bezier(0.22, 0.61, 0.36, 1),
        border-radius 0.35s ease,
        box-shadow 0.35s ease;
}

#woo-chatbot-ball-container .woo-chatbot-admin {
    display: flex !important;
    align-items: center;
    gap: 8px;
    padding: 14px 16px 8px 16px;
    background: transparent !important;
    border-radius: 0 !important;
    position: relative;
}

#woo-chatbot-ball-container .woo-chatbot-admin h4 {
    font-size: 14px;
    color: #70757f;
    font-weight: 500;
}

#woo-chatbot-ball-container .woo-chatbot-admin h3 {
    font-size: 16px;
    color: #1f2530;
    font-weight: 700;
}

#woo-chatbot-expand-toggle {
    width: auto;
    height: 40px;
    border: 0;
    border-radius: 10px;
    background: #eceef200;
    color: #2e333b;
    cursor: pointer;
    margin-right: 0;
    flex: 0 0 40px;
    position: relative;
    box-shadow: none;
    padding-left: 12px;
}

#woo-chatbot-expand-toggle:before {
    content: "⤢";
    font-size: 18px;
    line-height: 40px;
    font-weight: 700;
    position: absolute;
    top: 5px;
    left: 5px;
    background: #fff;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    padding: 0;
    margin: 0;
    line-height: 36px;
}

#woo-chatbot-expand-toggle.is-expanded:before {
    content: "⤡";
}

#woo-chatbot-header-close {
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 50%;
    background: #ffffff;
    color: #2f3440;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    margin-left: auto;
    padding: 0;
    box-shadow: none;
}

#woo-chatbot-header-close:hover {
    background: #edf0f4;
}

#woo-chatbot-ball-container .woo-chatbot-ball-inner {
    background-color: transparent !important;
    border-top: 0 !important;
    padding: 14px 16px 10px 16px;
    height: 520px !important;
    transition: height 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
}

#woo-chatbot-ball-container.woobot-chat-expanded {
    width: min(92vw, 620px) !important;
    height: min(88vh, 680px) !important;
    border-radius: 20px !important;
    box-shadow: 0 18px 54px rgba(0, 0, 0, 0.24) !important;
}

#woo-chatbot-ball-container.woobot-chat-expand-opening {
    animation: woobotExpandFromRightBottom 0.45s cubic-bezier(0.22, 0.61, 0.36, 1);
}

#woo-chatbot-ball-container.woobot-chat-expand-closing {
    animation: woobotCollapseToRightBottom 0.26s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes woobotExpandFromRightBottom {
    0% {
        opacity: 0.8;
        transform: translate3d(26px, 22px, 0) scale(0.9);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@keyframes woobotCollapseToRightBottom {
    0% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
    100% {
        opacity: 0.8;
        transform: translate3d(0, 0, 0) scale(1);
    }
}



#woo-chatbot-ball-container .woo-chatbot-messages-wrapper {
    border-radius: 18px;
}

#woo-chatbot-messages-container li.woo-chatbot-msg .woo-chatbot-paragraph,
#woo-chatbot-messages-container li.woo-chatbot-msg > span,
.woo-chatbot-paragraph.ai-response {
    background: #ffffff !important;
    color: #2b2f38 !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;
}

#woo-chatbot-messages-container li.woo-chat-user-msg .woo-chatbot-paragraph,
#woo-chatbot-messages-container li.woo-chat-user-msg > span {
    background: #0b67ff !important;
    color: #ffffff !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 14px rgba(11, 103, 255, 0.28) !important;
}

#woo-chatbot-messages-container .woo-chatbot-avatar {
    width: 28px !important;
    height: 28px !important;
    border: 0 !important;
    box-shadow: none !important;
}

#woo-chatbot-messages-container .woo-chatbot-avatar img {
    width: 28px !important;
    height: 28px !important;
}

#woo-chatbot-messages-container .qcld-chatbot-button,
#woo-chatbot-messages-container .qcld-chatbot-product-category {
    border-radius: 999px !important;
    padding: 8px 14px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

#woo-chatbot-editor-container.woo-chatbot-editor-container {
    position: relative;
    margin: 10px 14px 14px 14px;
    padding: 0 15px;
    height: 46px;
    background: #ffffff !important;
    border: 1px solid #e4e7ec !important;
    border-radius: 999px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
    display: flex;
    align-items: center;
}

#woo-chatbot-editor-container input#woo-chatbot-editor {
    width: 100% !important;
    height: 44px !important;
    font-size: 15px;
    color: #242a34;
}

#woo-chatbot-editor-container input#woo-chatbot-editor::placeholder {
    color: #8a9099 !important;
}

#woo-chatbot-editor-container input#woo-chatbot-editor:-webkit-autofill,
#woo-chatbot-editor-container input#woo-chatbot-editor:-webkit-autofill:hover,
#woo-chatbot-editor-container input#woo-chatbot-editor:-webkit-autofill:focus,
#woo-chatbot-editor-container input#woo-chatbot-editor:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
    -webkit-text-fill-color: #242a34 !important;
    box-shadow: 0 0 0 1000px #ffffff inset !important;
    transition: background-color 9999s ease-out 0s;
}

button#woo-chatbot-send-message {
    width: 38px !important;
    height: 34px !important;
    right: 6px !important;
    bottom: 5px !important;
    border-radius: 50% !important;
    background-color: #edf0f4 !important;
    box-shadow: none !important;
    opacity: 0.9;
}

button#woo-chatbot-send-message:hover {
    opacity: 1;
    background-color: #e3e8ef !important;
}

div#woo-chatbot-ball {
    border-radius: 50% !important;
}

@media screen and (max-width: 480px) {
    #woo-chatbot-ball-container.woo-chatbot-ball-container {
        width: calc(100vw - 12px) !important;
        border-radius: 18px !important;
    }

    #woo-chatbot-ball-container .woo-chatbot-ball-inner {
        height: calc(100vh - 200px) !important;
    }

    #woo-chatbot-expand-toggle {
        display: none;
    }
}

button#woo-chatbot-send-message span.dashicons-arrow-up-alt:before {
    color: #000;
}
.woo-chatbot-ball-container {
    background: #ffffff00 !important;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 0.48px 2.41px -0.38px, rgba(0, 0, 0, 0.25) 0px 4px 20px -0.75px;
    overflow: auto;
    isolation: isolate;
    border-radius: 18px !important;
    background: rgb(246, 246, 247) !important;
}

#woo-chatbot-expand-toggle:hover:before {
    background: #edf0f4;
}
#woo-chatbot-editor-container.woo-chatbot-editor-container:focus {
    border: 1px solid #232323 !important;
}
div#woo-chatbot-mobile-close {
    display: none !important;
}

input:-internal-autofill-selected{
    background-color: transparent !important;
}
div#woo-chatbot-editor-container .woo-chatbot-send-message-has-text{
    background-color: #0b67ff !important;
}

div#woo-chatbot-editor-container .woo-chatbot-send-message-has-text span.dashicons-arrow-up-alt:before{
    color: #ffffff !important;
}

.woo-chatbot-featured-products ul li h3.woo-chatbot-product-title {
    display: flex;
    align-items: center;
    justify-content: center;
}

span.woo-chatbot-paragraph.ai-response span {
    background: none !important;
    color: #555;
    box-shadow: none;
}


.woobot-chat-expanded .woo-chatbot-ball-inner{
        height: 550px !important;
}