/*
 * Veltiara floating referral badge (doctrine §5.1.3 / §5.1.5).
 * Critical layout rules carry !important so theme / Kadence / global CSS
 * cannot pull the badge back into the layout flow (e.g. position: static, footer).
 */
.veltiara-referral-badge {
	position: fixed !important;
	right: 16px !important;
	bottom: 16px !important;
	left: auto !important;
	top: auto !important;
	z-index: 9999 !important;
	margin: 0 !important;
	padding: 0 !important;
	width: auto !important;
	height: auto !important;
	max-width: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	float: none !important;
	clear: none !important;
	pointer-events: auto;
}

.veltiara-referral-badge[hidden] {
	display: none !important;
}

.veltiara-referral-badge__trigger {
	display: flex !important;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 56px;
	height: 56px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 18px;
	overflow: hidden;
	/* Warm-beige fallback so a missing icon still reads as a calm tile, never a raw box. */
	background: #f6ece4;
	box-shadow: 0 2px 8px rgba(60, 40, 30, 0.12);
	color: #8c5a63;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	transition: box-shadow 0.18s ease, transform 0.18s ease;
}

.veltiara-referral-badge__trigger:hover,
.veltiara-referral-badge__trigger:focus-visible {
	box-shadow: 0 4px 12px rgba(60, 40, 30, 0.16);
	transform: translateY(-1px);
	outline: none;
}

.veltiara-referral-badge__trigger:focus-visible {
	box-shadow: 0 4px 12px rgba(60, 40, 30, 0.16), 0 0 0 3px rgba(140, 90, 99, 0.3);
}

.veltiara-referral-badge__icon {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none;
	object-fit: cover;
	border-radius: inherit;
	pointer-events: none;
	user-select: none;
}

@media (max-width: 640px) {
	.veltiara-referral-badge {
		right: 16px !important;
		bottom: 24px !important;
		width: auto !important;
		height: auto !important;
	}

	.veltiara-referral-badge__trigger {
		width: 48px;
		height: 48px;
		border-radius: 16px;
	}
}

/* Doctrine §5.1.5.4 — calm, non-urgent: drop motion when the user asks for it. */
@media (prefers-reduced-motion: reduce) {
	.veltiara-referral-badge__trigger {
		transition: none;
	}

	.veltiara-referral-badge__trigger:hover,
	.veltiara-referral-badge__trigger:focus-visible {
		transform: none;
	}
}