/* Brainery support chat widget — floating bubble, bottom-right on every page.
   Links out to the support ticketing portal since we don't have an embeddable
   widget script/org ID from that platform. Swap in a real embed easily —
   see the comment in chat-widget.js. */

.bn-chat-bubble{
  position:fixed; bottom:22px; right:22px; z-index:400;
  width:58px; height:58px; border-radius:50%; background:#8B4A2B; color:#fff;
  border:none; cursor:pointer; box-shadow:0 10px 26px rgba(62,32,22,0.32);
  display:flex; align-items:center; justify-content:center; font-size:1.5rem;
  transition:transform .2s ease, background .2s ease;
}
.bn-chat-bubble:hover{ background:#5E3018; transform:translateY(-2px) scale(1.04); }
.bn-chat-bubble .close-ic{ display:none; }
.bn-chat-bubble.open .chat-ic{ display:none; }
.bn-chat-bubble.open .close-ic{ display:block; }

.bn-chat-panel{
  position:fixed; bottom:92px; right:22px; z-index:400; width:320px; max-width:88vw;
  background:#fff; border:1px solid #E8DCC8; border-radius:18px; box-shadow:0 20px 44px rgba(62,32,22,0.24);
  overflow:hidden; display:none; font-family:'Inter',sans-serif;
}
.bn-chat-panel.open{ display:block; animation:bnChatIn .2s ease; }
@keyframes bnChatIn{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:translateY(0); } }

.bn-chat-header{ background:#8B4A2B; color:#fff; padding:18px 20px; }
.bn-chat-header h4{ font-family:'Baloo 2',sans-serif; font-size:1.05rem; margin:0; }
.bn-chat-header p{ font-size:.8rem; opacity:.9; margin:4px 0 0; }

.bn-chat-body{ padding:18px 20px; }
.bn-chat-body p{ font-size:.86rem; color:#3B3B3B; line-height:1.55; margin:0 0 14px; }

.bn-chat-option{
  display:flex; align-items:center; gap:12px; width:100%; text-align:left; background:#FBF6EF;
  border:1px solid #E8DCC8; border-radius:12px; padding:12px 14px; margin-bottom:10px; cursor:pointer;
  font-family:'Inter'; font-size:.86rem; font-weight:700; color:#5E3018; text-decoration:none;
  transition:background .15s ease, border-color .15s ease;
}
.bn-chat-option:hover{ background:#F3E9DB; border-color:#C98B4E; }
.bn-chat-option .ic{ font-size:1.2rem; flex-shrink:0; }
.bn-chat-option .txt{ flex:1; }
.bn-chat-option .txt small{ display:block; font-weight:500; opacity:.7; font-size:.74rem; margin-top:1px; }

.bn-chat-footer{ padding:10px 20px 16px; font-size:.72rem; color:#3B3B3B; opacity:.55; text-align:center; }

@media (max-width:480px){
  .bn-chat-bubble{ bottom:16px; right:16px; width:52px; height:52px; }
  .bn-chat-panel{ bottom:78px; right:12px; }
}