/* ═══════ BV Canlı Sohbet (tawk.to yerine) — marka dilinde ═══════ */
/* display:flex hidden'i ezmesin (panel tiklamadan acik kaliyordu) */
.bvchat__panel[hidden], .bvchat__badge[hidden] { display: none !important; }

.bvchat { position: fixed; right: 18px; bottom: 18px; z-index: 99990; font-family: 'Poppins', sans-serif; }

.bvchat__bubble {
	width: 58px; height: 58px; border: none; border-radius: 50%;
	background: linear-gradient(135deg, #e8a8b8, #c9718a);
	color: #fff; cursor: pointer; position: relative;
	display: flex; align-items: center; justify-content: center;
	box-shadow: 0 8px 26px rgba(176, 58, 91, .35);
	transition: transform .2s, box-shadow .2s;
}
.bvchat__bubble:hover { transform: translateY(-2px) scale(1.04); box-shadow: 0 12px 30px rgba(176, 58, 91, .42); }
.bvchat__badge {
	position: absolute; top: -4px; right: -4px; min-width: 20px; height: 20px;
	border-radius: 999px; background: #b03a5b; color: #fff; font-size: 11px;
	font-weight: 600; display: flex; align-items: center; justify-content: center;
	padding: 0 5px; border: 2px solid #fff;
}

.bvchat__panel {
	position: absolute; right: 0; bottom: 72px;
	width: min(330px, calc(100vw - 32px)); height: 460px; max-height: calc(100vh - 120px);
	background: #fff; border-radius: 18px; overflow: hidden;
	display: flex; flex-direction: column;
	box-shadow: 0 18px 50px rgba(60, 40, 55, .28);
	animation: bvchatAc .22s ease;
}
@keyframes bvchatAc { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }

.bvchat__head {
	background: linear-gradient(135deg, #e8a8b8, #c9718a);
	color: #fff; padding: 14px 44px 12px 18px; position: relative;
}
.bvchat__title { font-family: 'Playfair Display', Georgia, serif; font-size: 18px; font-weight: 700; }
.bvchat__sub { font-size: 12px; opacity: .92; margin-top: 2px; }
.bvchat__close {
	position: absolute; top: 10px; right: 10px; width: 30px; height: 30px;
	border: none; border-radius: 50%; background: rgba(255, 255, 255, .18);
	color: #fff; font-size: 18px; line-height: 1; cursor: pointer;
}
.bvchat__close:hover { background: rgba(255, 255, 255, .3); }

.bvchat__trust {
	background: #fdf4f7; color: #7a6270; font-size: 11.5px;
	padding: 8px 14px; border-bottom: 1px solid #f6e7ed; line-height: 1.45;
}
.bvchat__trust strong { color: #b03a5b; }

.bvchat__msgs { flex: 1; overflow-y: auto; padding: 14px 12px; background: #fbf7f8; }
.bvchat__msg {
	max-width: 82%; padding: 9px 13px; border-radius: 14px;
	font-size: 13.5px; line-height: 1.5; margin-bottom: 8px;
	word-wrap: break-word; white-space: pre-wrap;
}
.bvchat__msg small { opacity: .75; font-size: 11px; }
.bvchat__msg--out { background: #fff; color: #3f3440; border: 1px solid #f0e2e8; border-bottom-left-radius: 4px; }
/* Cevabi kimin yazdigi (Sefa / Ceydanur) */
.bvchat__kim { display: block; font-size: 11px; font-weight: 600; color: #b03a5b; margin-bottom: 3px; }
.bvchat__msg--in { background: linear-gradient(135deg, #e8a8b8, #d494a6); color: #fff; margin-left: auto; border-bottom-right-radius: 4px; }
.bvchat__msg--sys { background: #f6ecf0; color: #8a7580; font-size: 12px; margin: 0 auto 8px; text-align: center; }

/* Teslim durumu: son gonderilen mesajin altinda (gonderildi → iletildi → okundu) */
.bvchat__durum {
	text-align: right; font-size: 11px; color: #a9979f;
	margin: -4px 2px 8px 0; line-height: 1.3;
}
.bvchat__durum--okundu { color: #4fae6d; font-weight: 600; }

/* Baslikta cevrimici/mesai disi noktasi */
.bvchat__nokta {
	display: inline-block; width: 8px; height: 8px; border-radius: 50%;
	background: #d9b23f; margin-right: 6px; vertical-align: middle;
}
.bvchat__nokta--acik { background: #52d273; box-shadow: 0 0 0 3px rgba(82, 210, 115, .25); }

.bvchat__form { padding: 10px 12px 12px; background: #fff; border-top: 1px solid #f3e7ec; }
.bvchat__ad {
	width: 100%; border: 1px solid #ead9e1; border-radius: 10px;
	padding: 8px 12px; font-size: 12.5px; margin-bottom: 8px;
	font-family: 'Poppins', sans-serif;
}
.bvchat__row { display: flex; gap: 8px; }
.bvchat__input {
	flex: 1; border: 1px solid #ead9e1; border-radius: 999px;
	padding: 10px 16px; font-size: 13.5px; font-family: 'Poppins', sans-serif;
}
.bvchat__input:focus, .bvchat__ad:focus {
	outline: none; border-color: #d494a6; box-shadow: 0 0 0 3px rgba(212, 148, 166, .15);
}
.bvchat__send {
	width: 42px; height: 42px; border: none; border-radius: 50%;
	background: linear-gradient(135deg, #e8a8b8, #c9718a); color: #fff;
	cursor: pointer; display: flex; align-items: center; justify-content: center;
	flex: 0 0 auto; transition: transform .15s;
}
.bvchat__send:hover { transform: scale(1.06); }
.bvchat__hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }

@media (max-width: 480px) {
	.bvchat { right: 12px; bottom: 12px; }
	.bvchat__panel { height: 70vh; }
}
