/*
==================================================
CHAT NT8977
Fichier : assets/css/chat.css

Style de la fenêtre modale
et du bouton du chat

==================================================
*/


/* ==============================
BOUTON OUVERTURE CHAT
============================== */


.nt8977-chat-button{


position:fixed;

right:20px;

bottom:20px;


background:#c40000;

color:#ffffff;


border:none;

border-radius:12px;


padding:15px 25px;


font-size:18px;

font-weight:bold;


cursor:pointer;


z-index:99998;


box-shadow:
0 5px 15px rgba(0,0,0,.30);


transition:.3s;


}



.nt8977-chat-button:hover{


background:#970000;


transform:scale(1.05);


}





/* ==============================
FENETRE MODALE
============================== */


.nt8977-chat-modal{


display:none;


position:fixed;


top:0;

left:0;


width:100%;

height:100%;


background:rgba(0,0,0,.85);


z-index:99999;


align-items:center;

justify-content:center;


}





/* ==============================
FENETRE INTERNE
============================== */


.nt8977-chat-window{


width:95%;

height:95%;


background:#ffffff;


border-radius:15px;


overflow:hidden;


display:flex;


flex-direction:column;


}





/* ==============================
BARRE TITRE
============================== */


.nt8977-chat-header{


height:60px;


background:#c40000;


color:#ffffff;


display:flex;


align-items:center;


justify-content:space-between;


padding:0 20px;


font-size:20px;


font-weight:bold;


}





/* ==============================
BOUTON FERMETURE
============================== */


.nt8977-close-button{


background:#ffffff;


color:#c40000;


border:none;


border-radius:8px;


padding:8px 14px;


font-size:18px;


font-weight:bold;


cursor:pointer;


}





.nt8977-close-button:hover{


background:#eeeeee;


}





/* ==============================
ZONE WPDiscuz
============================== */


.nt8977-chat-content{


flex:1;


overflow:auto;


padding:20px;


background:#f5f5f5;


}





/* ==============================
ADAPTATION MOBILE
============================== */


@media(max-width:768px){



.nt8977-chat-button{


right:10px;

bottom:10px;


padding:12px 18px;


font-size:16px;


}



.nt8977-chat-window{


width:100%;

height:100%;


border-radius:0;


}



.nt8977-chat-header{


font-size:17px;


padding:0 12px;


}



.nt8977-chat-content{


padding:10px;


}



}