/* Atrybut hidden musi wygrywać z naszymi display:flex (kaskada: author > UA). */
.wmds-chat [hidden] { display: none !important; }
/* bottom: 90px — nad pływającym koszykiem side-cart-woocommerce (koło 60px + margines 10px w tym samym rogu). */
.wmds-chat { position: fixed; right: 20px; bottom: 90px; z-index: 99999; font-family: inherit; }
.wmds-chat__bubble {
	width: 60px; height: 60px; border-radius: 50%; border: none; cursor: pointer;
	background: #2f4f4f; color: #fff; display: flex; align-items: center; justify-content: center;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}
.wmds-chat__bubble:hover { transform: scale(1.05); }
.wmds-chat__panel {
	width: 360px; max-width: calc(100vw - 32px); height: 520px; max-height: calc(100vh - 110px);
	background: #fff; border-radius: 14px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.28);
	display: flex; flex-direction: column; overflow: hidden;
}
.wmds-chat__header { background: #2f4f4f; color: #fff; padding: 12px 16px; display: flex; justify-content: space-between; align-items: center; }
.wmds-chat__title { font-weight: 600; }
.wmds-chat__close { background: none; border: none; color: #fff; font-size: 22px; cursor: pointer; line-height: 1; }
.wmds-chat__messages { flex: 1; overflow-y: auto; padding: 14px; display: flex; flex-direction: column; gap: 8px; }
.wmds-chat__msg { max-width: 85%; padding: 9px 12px; border-radius: 12px; white-space: pre-wrap; word-wrap: break-word; font-size: 14px; line-height: 1.45; }
.wmds-chat__msg--assistant { background: #f0f2f1; color: #222; align-self: flex-start; border-bottom-left-radius: 4px; }
.wmds-chat__msg--user { background: #2f4f4f; color: #fff; align-self: flex-end; border-bottom-right-radius: 4px; }
.wmds-chat__chips { padding: 0 14px 8px; display: flex; flex-wrap: wrap; gap: 6px; }
.wmds-chat__chip {
	border: 1px solid #2f4f4f; background: #fff; color: #2f4f4f; border-radius: 16px;
	padding: 5px 12px; font-size: 13px; cursor: pointer; font-family: inherit;
}
.wmds-chat__chip:hover { background: #2f4f4f; color: #fff; }
.wmds-chat__typing { padding: 0 14px 10px; display: flex; gap: 4px; }
.wmds-chat__typing span { width: 7px; height: 7px; border-radius: 50%; background: #9aa5a0; animation: wmds-chat-blink 1.2s infinite; }
.wmds-chat__typing span:nth-child(2) { animation-delay: 0.2s; }
.wmds-chat__typing span:nth-child(3) { animation-delay: 0.4s; }
@keyframes wmds-chat-blink { 0%, 80%, 100% { opacity: 0.3; } 40% { opacity: 1; } }
.wmds-chat__form { display: flex; border-top: 1px solid #e3e6e5; }
.wmds-chat__input { flex: 1; border: none; resize: none; padding: 12px; font-size: 14px; font-family: inherit; outline: none; }
.wmds-chat__send { border: none; background: none; color: #2f4f4f; font-size: 18px; padding: 0 14px; cursor: pointer; }
.wmds-chat__note { margin: 0; padding: 6px 12px 10px; font-size: 11px; color: #8a938f; text-align: center; }
.wmds-chat__note a { color: inherit; text-decoration: underline; }
@media (max-width: 480px) {
	.wmds-chat__panel { width: calc(100vw - 16px); height: calc(100vh - 110px); right: 0; }
}