/* ===== CHAT WIDGET ===== */

.premium-chat{
position:fixed;
bottom:70px;
right:30px;
z-index:99999;
font-family:sans-serif;
}



.chat-bubble{
width:60px;
height:60px;
border-radius:50%;
border:none;
background:linear-gradient(135deg,#f0a763,#cf3c3c);
color:white;
font-size:26px;
cursor:pointer;
box-shadow:0 10px 30px rgba(0,0,0,0.25);
display:flex;
align-items:center;
justify-content:center;
position:relative;
animation:pulse 2s infinite;
transition:0.3s;
}

.chat-bubble:hover{
transform:scale(1.1);
}



@keyframes pulse{

0%{
box-shadow:0 0 0 0 rgba(240,167,99,0.7);
}

70%{
box-shadow:0 0 0 18px rgba(240,167,99,0);
}

100%{
box-shadow:0 0 0 0 rgba(240,167,99,0);
}

}



.chat-notification{
position:absolute;
right:75px;
top:50%;
transform:translateY(-50%);
background:white;
padding:8px 12px;
border-radius:20px;
font-size:13px;
box-shadow:0 5px 15px rgba(0,0,0,0.2);
white-space:nowrap;
color: #333;
}



.chat-window{
position:absolute;
bottom:80px;
right:0;
width:320px;
background:white;
border-radius:16px;
box-shadow:0 25px 60px rgba(0,0,0,0.25);
overflow:hidden;
transform:translateY(30px);
opacity:0;
pointer-events:none;
transition:0.3s ease;
}



.chat-window.active{
transform:translateY(0);
opacity:1;
pointer-events:auto;
}



.chat-window-header{
background:linear-gradient(135deg,#f0a763,#cf3c3c);
color:white;
padding:15px;
display:flex;
align-items:center;
gap:10px;
}

.chat-avatar{
font-size:20px;
}

.chat-title p{
margin:0;
font-weight:600;
}

.chat-title span{
font-size:12px;
opacity:0.9;
}

.chat-close{
margin-left:auto;
background:none;
border:none;
color:white;
font-size:16px;
cursor:pointer;
}



.chat-window-body{
padding:20px;
background:#f7f7f7;
padding-bottom: 0;
}

.chat-welcome{
background:white;
padding:12px;
border-radius:10px;
font-size:16px;
box-shadow:0 5px 15px rgba(0,0,0,0.05);
}


.chat-status{
margin-top:10px;
font-size:13px;
}


.chat-window-footer{
display:flex;
flex-direction:column;
gap:8px;
padding:15px;
}

.chat-window-footer input,
.chat-window-footer textarea{
padding:10px;
border:1px solid #ddd;
border-radius:6px;
font-size:14px;
width:100%;
}

.chat-window-footer textarea{
resize:none;
height:70px;
}

.chat-send{
border:none;
background:#f0a763;
color:white;
padding:10px;
border-radius:6px;
cursor:pointer;
font-weight:600;
transition:0.3s;
}

.chat-send:hover{
background:#cf3c3c;
}


@media (max-width:600px){

.premium-chat{
right:20px;
bottom:20px;
}

.chat-window{
width:90vw;
right:-10px;
}

.chat-notification{
display:none;
}

}