/* ============ Bulle de chat front ============ */
.valr-cb-widget, .valr-cb-widget * {
	font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.valr-cb-widget {
	position: fixed; z-index: 99999; /* right/left + bottom posés en inline selon les réglages */
}
.valr-cb-fab {
	width: 58px; height: 58px; border-radius: 50%; border: 0; cursor: pointer; margin-left: auto;
	background: #18152e; color: #fff; box-shadow: 0 6px 22px rgba(0,0,0,.26);
	display: flex; align-items: center; justify-content: center; transition: transform .15s;
}
.valr-cb-fab:hover { transform: scale(1.06); }

.valr-cb-panel {
	position: absolute; right: 0; bottom: 72px;
	width: 384px; max-width: calc(100vw - 32px);
	height: 566px; max-height: calc(100vh - 120px);
	background: #fff; border-radius: 18px; box-shadow: 0 14px 44px rgba(0,0,0,.28);
	display: none; flex-direction: column; overflow: hidden;
}
.valr-cb-widget[data-open="1"] .valr-cb-panel { display: flex; animation: valrcb-pop .16s ease-out; }
@keyframes valrcb-pop { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .valr-cb-widget[data-open="1"] .valr-cb-panel { animation: none; } }
.valr-cb-left .valr-cb-panel { right: auto; left: 0; }
.valr-cb-nofab .valr-cb-panel { bottom: 0; } /* pas de bouton -> le panneau descend jusqu'en bas */

.valr-cb-phead {
	flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between;
	padding: 13px 16px; background: #18152e; color: #fff;
}
.valr-cb-ptitle { font-weight: 800; font-size: 15px; }
.valr-cb-hactions { display: flex; align-items: center; gap: 4px; }
.valr-cb-reset { background: transparent; border: 0; color: #fff; font-size: 19px; line-height: 1; cursor: pointer; opacity: .75; padding: 0 4px; }
.valr-cb-reset:hover { opacity: 1; }
.valr-cb-close { background: transparent; border: 0; color: #fff; font-size: 24px; line-height: 1; cursor: pointer; opacity: .8; padding: 0 2px; }
.valr-cb-close:hover { opacity: 1; }

/* Reset du chat inline : masqué tant que la conversation n'a pas démarré */
.valr-cb-embed .valr-cb-reset-inline {
	display: none; margin: 0 0 8px auto; background: transparent; border: 0; color: #6b6880;
	font-size: 12.5px; cursor: pointer; padding: 2px 4px;
}
.valr-cb-embed .valr-cb-reset-inline:hover { color: #18152e; text-decoration: underline; }
.valr-cb-embed[data-started="1"] .valr-cb-reset-inline { display: block; }

/* Le log remplit le panneau (override des dimensions admin) */
#valr-cb-panel .valr-cb-log { flex: 1 1 auto; min-height: 0; max-height: none; margin: 0; border: 0; border-radius: 0; padding: 14px; background: #fff; }
#valr-cb-panel .valr-cb-bar { margin: 0 12px; }
#valr-cb-panel .vcards { max-width: 100%; }
.valr-cb-pfoot { flex: 0 0 auto; text-align: center; font-size: 11px; color: #9a9aa5; padding: 6px 14px 10px; line-height: 1.5; }
.valr-cb-pfoot a { color: #6b6880; text-decoration: underline; }
.valr-cb-disc { color: #b3b3bd; }

.valr-cb-widget .vcards--live .vcard-head { font-weight: 800; }

/* Mobile : panneau plein écran */
@media (max-width: 480px) {
	.valr-cb-panel {
		position: fixed; inset: 0; width: 100%; max-width: none; height: 100%; max-height: none;
		border-radius: 0;
	}
}

/* ============ Chat inline ([valr_chat]) ============ */
.valr-cb-embed, .valr-cb-embed * { font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
.valr-cb-embed { max-width: 680px; margin: 0 auto; }
.valr-cb-embed .valr-cb-log {
	display: none;
	min-height: 0; max-height: 60vh; margin: 0 0 12px;
	border: 1px solid #e6e6ea; border-radius: 16px; background: #fff; padding: 16px;
}
.valr-cb-embed[data-started="1"] .valr-cb-log { display: block; animation: valrcb-grow .25s ease-out; }
@keyframes valrcb-grow { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .valr-cb-embed[data-started="1"] .valr-cb-log { animation: none; } }
.valr-cb-embed .valr-cb-bar { padding: 8px 8px 8px 20px; border-radius: 30px; }
.valr-cb-embed .valr-cb-bar input, .valr-cb-embed .valr-cb-bar input:focus { font-size: 16px; padding: 10px 0; }
.valr-cb-embed .valr-cb-sendbtn { flex: 0 0 42px; width: 42px; height: 42px; font-size: 19px; }
.valr-cb-embed .valr-cb-micbtn { flex: 0 0 40px; width: 40px; height: 40px; }
.valr-cb-embed-hint { text-align: center; font-size: 12px; color: #9a9aa5; margin-top: 10px; }
.valr-cb-embed .vcards { max-width: 100%; }