.elementor-506 .elementor-element.elementor-element-5c6b1aa{--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;}.elementor-506 .elementor-element.elementor-element-91c8feb{--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;}.elementor-506 .elementor-element.elementor-element-91c8feb:not(.elementor-motion-effects-element-type-background), .elementor-506 .elementor-element.elementor-element-91c8feb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-506 .elementor-element.elementor-element-3960449{text-align:center;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-f38229c *//* ========== THEMES ========== */
#chat-wrapper.light{
  --bg:#ffffff;
  --header:#078A89;
  --text:#111;
  --bot:#e6f4f3;
  --user:#078A89;
  --input:#f1f1f1;
}
#chat-wrapper.dark{
  --bg:#121212;
  --header:#1e1e1e;
  --text:#f1f1f1;
  --bot:#2a2a2a;
  --user:#078A89;
  --input:#1e1e1e;
}

/* Floating Button */
#chat-toggle-btn{
  position:fixed;
  bottom:20px;
  right:20px;
  background:#078A89;
  color:#fff;
  font-size:22px;
  padding:14px 16px;
  border-radius:50%;
  cursor:pointer;
  z-index:9999;
}

/* Chat Box */
#chat-wrapper{
  position:fixed;
  bottom:90px;
  right:20px;
  width:340px;
  height:460px;
  background:var(--bg);
  border-radius:16px;
  box-shadow:0 20px 40px rgba(0,0,0,0.25);
  display:none;
  flex-direction:column;
  font-family:Inter,Arial,sans-serif;
  z-index:9999;
}

/* Header */
.chat-header{
  background:var(--header);
  color:#fff;
  padding:12px;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
}
.bot-info{
  display:flex;
  align-items:center;
  gap:8px;
}
.bot-info img{
  width:32px;
  height:32px;
  border-radius:50%;
}

/* Actions */
.chat-actions{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:6px;
}
.close-btn{
  background:none;
  border:none;
  color:#fff;
  font-size:18px;
  cursor:pointer;
}
.theme-btn{
  background:rgba(255,255,255,0.15);
  border:1px solid rgba(255,255,255,0.4);
  color:#fff;
  font-size:11px;
  padding:2px 8px;
  border-radius:8px;
  cursor:pointer;
}

/* Body */
#chat-body{
  flex:1;
  padding:12px;
  overflow-y:auto;
  color:var(--text);
}

/* Messages */
.msg{
  display:flex;
  gap:8px;
  margin-bottom:10px;
}
.msg img{
  width:28px;
  height:28px;
  border-radius:50%;
}
.msg-content{
  padding:10px 12px;
  border-radius:12px;
  font-size:13px;
  max-width:75%;
}
.bot .msg-content{
  background:var(--bot);
}
.user{
  justify-content:flex-end;
}
.user .msg-content{
  background:var(--user);
  color:#fff;
}

/* Input */
.chat-input{
  display:flex;
  padding:10px;
  background:var(--input);
}
.chat-input input{
  flex:1;
  border:none;
  padding:10px;
  border-radius:10px;
  outline:none;
}
.chat-input button{
  background:#078A89;
  border:none;
  color:#fff;
  margin-left:8px;
  padding:0 14px;
  border-radius:10px;
  cursor:pointer;
}/* End custom CSS */