/**
 * BiiTest — Sağ alttaki yüzen kampanya butonu.
 *
 * Sohbet butonu diline yakın: yuvarlak ikon + hap gövde, sabit sağ alt köşe, nabız halkası.
 * Renkler çıkış formuyla aynı aileden (#d4006c marka pembesi, #1a0b30 koyu mor).
 *
 * Görünürlük: buton 1,2 sn gecikmeyle belirir. Gecikmenin sebebi JS değil kullanıcı da
 * değil — daha önce kapatılmışsa JS'in onu belirmeden gizleyebilmesi için. JS hiç
 * çalışmazsa animasyon yine tamamlanır ve buton görünür kalır.
 */

.biitest-kampanya-buton {
	--kmp-vurgu: #d4006c;
	position: fixed;
	right: 18px;
	bottom: 18px;
	z-index: 9996;            /* çıkış formunun (9997) ALTINDA kalsın */
	display: flex;
	align-items: flex-start;
	gap: 4px;
	opacity: 0;
	transform: translateY(14px);
	animation: bii-kmp-gir .45s cubic-bezier(.16, 1, .3, 1) 1.2s forwards;
	font-family: 'Archivo', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.biitest-kampanya-buton[data-kapandi] { display: none; }

@keyframes bii-kmp-gir {
	to { opacity: 1; transform: translateY(0); }
}

/* ---------- gövde ---------- */

.biitest-kampanya-buton__link {
	position: relative;
	display: flex;
	align-items: center;
	gap: 11px;
	max-width: 290px;
	padding: 11px 18px 11px 12px;
	border-radius: 999px;
	background: linear-gradient(135deg, #1a0b30 0%, #3d1d6e 100%);
	box-shadow: 0 10px 30px -8px rgba(26, 11, 48, .65), 0 0 0 1px rgba(255, 255, 255, .09) inset;
	color: #fff;
	text-decoration: none;
	transition: transform .18s ease, box-shadow .18s ease;
}
.biitest-kampanya-buton__link:hover,
.biitest-kampanya-buton__link:focus-visible {
	transform: translateY(-2px);
	box-shadow: 0 16px 36px -10px rgba(26, 11, 48, .75), 0 0 0 1px rgba(255, 255, 255, .16) inset;
	color: #fff;
}

/* ---------- ikon + nabız ---------- */

.biitest-kampanya-buton__ikon {
	position: relative;
	flex: 0 0 auto;
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: var(--kmp-vurgu);
	color: #fff;
}
.biitest-kampanya-buton__ikon::after {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 50%;
	border: 2px solid var(--kmp-vurgu);
	animation: bii-kmp-nabiz 2.4s ease-out infinite;
}

@keyframes bii-kmp-nabiz {
	0%       { transform: scale(1);    opacity: .75; }
	70%, 100%{ transform: scale(1.75); opacity: 0; }
}

/* ---------- yazı ---------- */

.biitest-kampanya-buton__yazi { display: block; line-height: 1.25; }
.biitest-kampanya-buton__rozet {
	display: block;
	margin-bottom: 3px;
	font-size: 9.5px;
	font-style: normal;
	font-weight: 800;
	letter-spacing: .13em;
	text-transform: uppercase;
	color: #ff5fae;
}

.biitest-kampanya-buton__yazi strong {
	display: block;
	font-size: 14.5px;
	font-weight: 700;
	letter-spacing: .01em;
}
.biitest-kampanya-buton__yazi small {
	display: block;
	margin-top: 2px;
	font-size: 11.5px;
	font-weight: 500;
	color: rgba(255, 255, 255, .72);
}

/* ---------- kapat ---------- */

.biitest-kampanya-buton__kapat {
	flex: 0 0 auto;
	display: grid;
	place-items: center;
	width: 22px;
	height: 22px;
	margin-top: 2px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(26, 11, 48, .82);
	color: rgba(255, 255, 255, .8);
	cursor: pointer;
	transition: background .15s, color .15s;
}
.biitest-kampanya-buton__kapat:hover { background: #1a0b30; color: #fff; }

/* ---------- telefon ---------- */

@media (max-width: 480px) {
	.biitest-kampanya-buton { right: 12px; bottom: 12px; }
	.biitest-kampanya-buton__link { max-width: calc(100vw - 58px); padding: 9px 15px 9px 10px; gap: 9px; }
	.biitest-kampanya-buton__ikon { width: 36px; height: 36px; }
	.biitest-kampanya-buton__yazi strong { font-size: 13px; }
	.biitest-kampanya-buton__yazi small { font-size: 10.5px; }
	.biitest-kampanya-buton__rozet { font-size: 9px; margin-bottom: 2px; }
}

/* Hareket azaltma tercihine saygı: nabız ve giriş animasyonu kapanır, buton görünür kalır. */
@media (prefers-reduced-motion: reduce) {
	.biitest-kampanya-buton { animation: none; opacity: 1; transform: none; }
	.biitest-kampanya-buton__ikon::after { animation: none; opacity: 0; }
	.biitest-kampanya-buton__link { transition: none; }
}