/* Native Click to Chat reproduction — ports the needed rules from the plugin's
   main.css (greetings open animation, box-sizing reset, mobile full-width) plus the
   hover-to-show CTA. Most colors/sizes are inline on the markup (as the plugin does). */

.ht-ctc-chat{--side:right;}
.ht-ctc-chat .ctc_s_2{cursor:pointer;}

/* Floating hover CTA: hidden until the button is hovered/focused (desktop). */
.ht-ctc-cta-hover{display:none;}
.ht-ctc-chat:hover .ht-ctc-cta-hover,
.ht-ctc-chat:focus-within .ht-ctc-cta-hover{display:block;}

/* Greetings popup open/close animation (verbatim from plugin main.css). */
.ht_ctc_greetings{pointer-events:none;}
.ht_ctc_chat_greetings_box{pointer-events:auto;}
.ht_ctc_greetings_box{opacity:0;transform:scale(0) translate(20px,20px);
  transform-origin:bottom var(--side,right);transition:all .4s cubic-bezier(.19,1,.22,1);}
.ht_ctc_greetings_box.ht_ctc_greetings_box_open{opacity:1;pointer-events:auto;transform:scale(1) translate(0);}
.ht_ctc_chat_greetings_box :not(ul):not(ol){box-sizing:border-box;margin:0;padding:0;}
.ht_ctc_chat_greetings_box_layout{clear:both;background:#ffffff;}
.ctc_g_content{max-height:calc(80vh - 140px);overflow-y:auto;}
.ctc_g_bottom,.ctc_g_content,.ctc_g_sentbutton{margin-top:-.9px !important;}
.ctc_greetings_close_btn{background-color:unset !important;}

/* Mobile: greetings becomes full-width at the bottom (plugin @max-width 420). */
@media only screen and (max-width:420px){
  .ht_ctc_greetings.ctc_m_full_width{bottom:0 !important;position:fixed !important;right:0 !important;}
  .ht_ctc_greetings.ctc_m_full_width .ht_ctc_chat_greetings_box{margin:7px !important;min-width:80vw !important;
    position:unset !important;width:calc(100vw - 14px) !important;}
}