/* Floating Chat Button */

#ired-chat-button{
    position:fixed;
    bottom:20px;
    right:20px;
    width:60px;
    height:60px;
    background:#ff4d4d;
    color:white;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer;
    font-size:28px;
    box-shadow:0 4px 10px rgba(0,0,0,.3);
    z-index:9999;
}

/* Chat Window */

#ired-chat-window{

    position:fixed;

    bottom:90px;

    right:20px;

    width:360px;

    max-width:calc(100% - 40px);

    height:600px;

    max-height:calc(100vh - 120px);

    background:#171717;

    color:#ffffff;

    border-radius:15px;

    display:none;

    flex-direction:column;

    overflow:hidden;

    box-shadow:0 15px 40px rgba(0,0,0,.35);

    z-index:9999;


}



/* Header */

.chat-header{

    background:#FF4D4D;

    color:white;

    padding:16px;

    font-size:18px;

    font-weight:bold;

    text-align:center;

    border-bottom:1px solid rgba(255,255,255,.1);



}

/* Body */

.chat-body{

    flex:1;

    padding:20px;

    overflow-y:auto;

    display:flex;

    flex-direction:column;

    gap:15px;

}
.chat-option{

    display:block;

    width:100%;

    margin-bottom:12px;

    padding:14px;

    background:#2d3748;

    color:white;

    border:none;

    border-radius:8px;

    cursor:pointer;

    text-align:left;

    transition:.3s;

}

.chat-option:hover{

    background:#FF4D4D;

}

#chat-response{

margin-top:20px;

    padding:15px;

    background:#2d3748;

    color:white;

    border-radius:8px;

    line-height:1.6;


}

#chat-email,
#chat-message{

width:100%;

    padding:12px;

    margin-top:8px;

    margin-bottom:18px;

    border:1px solid #444;

    border-radius:8px;

    background:white;

    color:#111;

    box-sizing:border-box;
}

#chat-send{

    width:100%;

    padding:14px;

    background:#FF4D4D;

    color:white;

    border:none;

    border-radius:8px;

    cursor:pointer;

    font-size:16px;

    transition:.3s;

}

#chat-send:hover{

    background:#ff2c2c;

}

#chat-status{

margin-top:15px;

    padding:10px;

    border-radius:6px;

    text-align:center;

    font-size:14px;


}

#chat-status{

    margin-top:15px;

    padding:10px;

    border-radius:6px;

    font-size:14px;

}

#chat-message{

    min-height:120px;

    resize:vertical;

}

@media (max-width:768px){

#ired-chat-window{

    width:95%;

    right:10px;

    left:10px;

    bottom:90px;

    height:75vh;

}

}