/* ==========================================================================
   NFCR floating actions (back to top + optional call button)
   Style and position from the design's cancer pages ("FLOATING HELP").
   ========================================================================== */

.nfcr-float {
	position: fixed;
	right: max(26px, env(safe-area-inset-right));
	bottom: max(26px, env(safe-area-inset-bottom));
	z-index: 9990; /* above Goodwish's .edgtf-wrapper (opaque, high z-index); below the WP admin bar */
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 10px;
	font-family: var(--nfcr-font);
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s;
}
.nfcr-float.is-visible {
	opacity: 1;
	visibility: visible;
	transform: none;
	transition: opacity .2s ease, transform .2s ease, visibility 0s;
}

.nfcr-float .nfcr-float__top {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: var(--nfcr-white);
	color: var(--nfcr-navy);
	box-shadow: 0 10px 26px rgba(2, 20, 60, .22);
	text-decoration: none;
	transition: background-color .15s ease;
}
.nfcr-float .nfcr-float__top:hover { background: var(--nfcr-surface); color: var(--nfcr-navy); }

.nfcr-float a.nfcr-float__help {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	gap: 9px;
	height: auto;
	margin: 0;
	padding: 13px 22px;
	border-radius: var(--nfcr-r-pill);
	background: var(--nfcr-navy);
	color: #fff;
	font: 600 15px/1.3 var(--nfcr-font);
	letter-spacing: 0;
	text-decoration: none;
	box-shadow: 0 12px 30px rgba(2, 20, 60, .3);
	transition: background-color .15s ease;
}
.nfcr-float a.nfcr-float__help:hover { background: var(--nfcr-navy-hover); color: #fff; }
.nfcr-float .nfcr-float__help svg { display: block; flex-shrink: 0; color: var(--nfcr-accent); }
.nfcr-float .nfcr-float__help-text { font: inherit; line-height: inherit; }

/* Phones: smaller offsets, call button collapses to a round icon */
@media (max-width: 767px) {
	.nfcr-float {
		right: max(16px, env(safe-area-inset-right));
		bottom: max(16px, env(safe-area-inset-bottom));
	}
	.nfcr-float a.nfcr-float__help {
		justify-content: center;
		width: 52px;
		height: 52px;
		padding: 0;
	}
	.nfcr-float .nfcr-float__help-text {
		position: absolute;
		width: 1px; height: 1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
	}
	.nfcr-float .nfcr-float__help svg { width: 20px; height: 20px; }
}

@media print { .nfcr-float { display: none !important; } }