/* ==========================================================================
   FileUSB WhatsApp Destek — 1.0.0
   Tasarım sistemi tokenları varsa kullanılır, yoksa yedek değer devreye girer.
   Yeşil üstünde KOYU yazı kullanılır: kontrast 8,5:1.
   (Yaygın beyaz-üstü-yeşil düğme 1,98:1'dir ve WCAG 4,5:1 sınırını geçemez.)
   ========================================================================== */

.fusb-wa,
.fusb-wa-bubble {
	--fusb-wa-green: #25D366;
	--fusb-wa-green-deep: #1EBE5B;
	--fusb-wa-ink: #0B2818;
	--fusb-wa-gap: 16px;
	--fusb-wa-ease: cubic-bezier(.2, .7, .3, 1);
}

/* ---------- Düğme ---------- */
.fusb-wa {
	position: fixed;
	right: var(--fusb-wa-gap);
	bottom: var(--fusb-wa-gap);
	z-index: 2147482000;

	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 56px;
	padding: 0 22px 0 17px;
	border: 0;
	border-radius: var(--fu-r-pill, 999px);

	background: var(--fusb-wa-green);
	color: var(--fusb-wa-ink);
	font-family: var(--fu-font, Inter, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;

	box-shadow: 0 2px 6px rgba(14, 26, 43, .12), 0 14px 32px -14px rgba(14, 26, 43, .45);
	transition: transform 200ms var(--fusb-wa-ease), background-color 200ms var(--fusb-wa-ease);
	-webkit-tap-highlight-color: transparent;
}

.fusb-wa:hover,
.fusb-wa:focus-visible {
	background: var(--fusb-wa-green-deep);
	color: var(--fusb-wa-ink);
	transform: translateY(-2px);
	text-decoration: none;
}

.fusb-wa:active {
	transform: translateY(0);
}

.fusb-wa:focus-visible {
	outline: 3px solid var(--fu-focus, #3B73F0);
	outline-offset: 3px;
}

.fusb-wa__icon {
	flex: none;
	width: 27px;
	height: 27px;
	fill: currentColor;
}

/* ---------- Karşılama balonu ---------- */
.fusb-wa-bubble {
	position: fixed;
	right: var(--fusb-wa-gap);
	bottom: 84px;
	z-index: 2147481999;

	box-sizing: border-box;
	max-width: 270px;
	padding: 14px 34px 14px 16px;
	border: 1px solid var(--fu-border, #DCE3ED);
	border-radius: var(--fu-r-lg, 16px);

	background: var(--fu-bg-elevated, #FFFFFF);
	color: var(--fu-text-muted, #5B6880);
	font-family: var(--fu-font, Inter, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
	font-size: 14px;
	line-height: 1.5;

	box-shadow: 0 1px 3px rgba(14, 26, 43, .05), 0 20px 44px -24px rgba(14, 26, 43, .32);

	opacity: 0;
	transform: translateY(6px);
	transition: opacity 200ms var(--fusb-wa-ease), transform 200ms var(--fusb-wa-ease);
}

.fusb-wa-bubble.is-open {
	opacity: 1;
	transform: none;
}

.fusb-wa-bubble::after {
	content: "";
	position: absolute;
	right: 30px;
	bottom: -8px;
	width: 14px;
	height: 14px;
	background: var(--fu-bg-elevated, #FFFFFF);
	border-right: 1px solid var(--fu-border, #DCE3ED);
	border-bottom: 1px solid var(--fu-border, #DCE3ED);
	transform: rotate(45deg);
}

.fusb-wa-bubble__title {
	display: block;
	margin-bottom: 3px;
	color: var(--fu-text-strong, #0E1A2B);
	font-size: 14.5px;
	font-weight: 700;
}

.fusb-wa-bubble__close {
	position: absolute;
	top: 6px;
	right: 6px;
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: none;
	color: var(--fu-text-muted, #5B6880);
	cursor: pointer;
}

.fusb-wa-bubble__close:hover {
	background: var(--fu-canvas-soft, #EEF2F8);
	color: var(--fu-text-strong, #0E1A2B);
}

.fusb-wa-bubble__close:focus-visible {
	outline: 3px solid var(--fu-focus, #3B73F0);
	outline-offset: 2px;
}

/* ---------- Çerez katmanıyla çakışmayı önle ----------
   fileusb-m25-conversion eklentisi sağ altta "Çerez tercihleri" düğmesi
   (bottom:12px; right:12px) ve altta tam genişlik onay şeridi gösteriyor.
   :has() destekleyen tarayıcılarda düğme otomatik olarak yukarı kalkar. */
body:has(.fusb-m25-consent-open:not([hidden])) .fusb-wa {
	bottom: 76px;
}

body:has(.fusb-m25-consent-open:not([hidden])) .fusb-wa-bubble {
	bottom: 144px;
}

body:has(.fusb-m25-consent:not([hidden])) .fusb-wa,
body:has(.fusb-m25-consent:not([hidden])) .fusb-wa-bubble {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

/* ---------- Dar ekran ---------- */
@media (max-width: 380px) {
	.fusb-wa {
		padding: 0 18px 0 14px;
		font-size: 14.5px;
	}

	.fusb-wa-bubble {
		max-width: calc(100vw - 32px);
	}
}

/* ---------- Hareket tercihi ---------- */
@media (prefers-reduced-motion: reduce) {
	.fusb-wa,
	.fusb-wa-bubble {
		transition-duration: 1ms;
	}

	.fusb-wa:hover,
	.fusb-wa:focus-visible {
		transform: none;
	}
}

/* ---------- Yazdırma ---------- */
@media print {
	.fusb-wa,
	.fusb-wa-bubble {
		display: none !important;
	}
}