:root{
--lc-primary: var(--accent-color);
}

.lc-chat{
    position: fixed;
    bottom: 60px;
    right: 5px;
    z-index: 9999;
    font-family: inherit;
}

.lc-toggle{
width:60px;
height:60px;
border:none;
border-radius:50%;
opacity: 0.6;
cursor:pointer;
background:var(--lc-primary, #240800);
font-size:24px;
}

.lc-toggle.hidden{
opacity:0;
pointer-events:none;
}

.lc-window{
width:320px;

border-radius:16px;
overflow:hidden;

margin-bottom:12px;
background:#fff;
display:none;
box-shadow:0 10px 30px rgba(0,0,0,.2);
position:fixed;
right:45px;
bottom:90px;
flex-direction:column;
z-index:999999;
}


.lc-window.active{
display:block;
}

.lc-header{
display:flex;
align-items:center;
justify-content:space-between;
color:var(--text, #ccc);
background:var(--lc-primary, #240800);
padding:14px 18px;
}

.lc-header-left{
display:flex;
align-items:center;
gap:12px;
}

.lc-header h3{
margin:0;
font-size:18px;
line-height:1.2;
}

.lc-header-icon{
font-size:20px;
color:var(--text, #ccc);
}

.lc-close{
border:none;
background:none;
color:var(--text, #ccc);
font-size:28px;
line-height:1;
cursor:pointer;
}

.lc-content{
background:#f5f1ec;
padding:18px;
}

.lc-faq{
margin-bottom:16px;
opacity:1;
max-height:500px;
overflow:hidden;
transition:
opacity .35s ease,
max-height .35s ease,
margin .35s ease;
}

.lc-faq-item{
padding:12px;
border-radius:10px;
background:rgba(0,0,0,.05);
margin-bottom:10px;
cursor:pointer;
}

.lc-faq-question{
cursor:pointer;
}

.lc-faq-answer{
display:none;

padding-top:10px;

font-size:14px;
line-height:1.5;

color:#555;
}

.lc-faq-item.active .lc-faq-answer{
display:block;
}

.lc-messages{
min-height:0;

max-height:220px;

overflow-y:auto;

margin-bottom:16px;

transition:max-height .35s ease;
}

.lc-message{
padding:10px 14px;

border-radius:10px;

margin-bottom:10px;

font-size:14px;
line-height:1.5;
}

.lc-message.visitor{
background:rgba(0,0,0,.05);
}

.lc-chat.conversation-started .lc-faq{
opacity:0;
max-height:0;
margin-bottom:0;
pointer-events:none;
}

.lc-chat.conversation-started .lc-messages{
max-height:320px;
}

#lc-message{
width:100%;
height:80px;

box-sizing:border-box;

resize:none;

border:1px solid rgba(0,0,0,0.06);
border-radius:10px;

padding:12px;

background:#fff;

margin-bottom:12px;

transition:all .2s ease;

outline:none;
}

#lc-message:focus{

border:1px solid var(--bg, #240800);

box-shadow:0 0 0 2px rgba(36, 8, 0, 0.06);

}

.lc-bottom{
display:flex;
justify-content:space-between;
align-items:center;
}

.lc-logo{
font-size:18px;
}

.lc-send{
border:none;

border-radius:10px;

padding:10px 18px;
background:var(--lc-primary, #240800);
color:#eee;

cursor:pointer;
}

.lc-name{
    width:100%;
    height:44px;

    box-sizing:border-box;

    border:1px solid rgba(0,0,0,0.06);
    border-radius:10px;

    padding:0 12px;

    background:#fff;

    margin-bottom:12px;

    outline:none;

    transition:all .2s ease;
}

.lc-name:focus{

    border:1px solid var(--bg, #240800);

    box-shadow:0 0 0 2px rgba(36, 8, 0, 0.08);

}

.lc-chat.conversation-started .lc-name{
    display:none;
}

.lc-chat-note{
margin-top:5px;
font-size:11px;
line-height:1.4;
opacity:.7;
text-align:center;
}

@media (max-width: 768px){

    .lc-window{
    right: 10px;
    bottom: 90px;

    }

}