/* =========================
   Minnit Chat Styling
========================= */

.chat-container{
  margin-top:22px;
  background:var(--grad-soft);
  border-radius:28px;
  overflow:hidden;
  box-shadow:var(--shadow);
  border:1px solid rgba(255,255,255,.08);
}

.chat-header{
  padding:16px 20px;
  background:var(--grad);
  color:#fff;
}

.chat-header h2{
  margin:0;
  font-family:Oswald,sans-serif;
  font-size:1.6rem;
}

.chat-header span{
  display:block;
  margin-top:4px;
  font-size:.9rem;
  opacity:.9;
}

.chat-frame{
  padding:10px;
}

.chat-frame iframe{
  width:100%;
  height:600px;
  border:none;
  border-radius:20px;
  background:#000;
}

/* Mobile */
@media (max-width:720px){
  .chat-frame iframe{
    height:75vh;
  }
}