/*
 * NetPurl theme: footer wordmark, floating WhatsApp button, back to top. Prototype lines 220-228, 267-274.
 * Extracted verbatim from the approved prototype (index.html <style>), original line numbers noted per file.
 */

/* footer wordmark */
.wordmark{transition:transform 1.2s cubic-bezier(.2,.7,.2,1),opacity 1.2s;transform:translateY(60px);opacity:.3}
.wordmark.in{transform:none;opacity:1}

/* WhatsApp float */
.wa{position:fixed;inset-inline-end:22px;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:45;width:58px;height:58px;border-radius:50%;background:linear-gradient(145deg,#4ADE80,#16A34A);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 14px 30px -8px rgba(22,163,74,.6)}
.wa::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #22C55E;animation:waRing 2s infinite}
@keyframes waRing{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.6);opacity:0}}
.wa:hover{transform:scale(1.06)}
.to-top{position:fixed;inset-inline-end:27px;bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:45;width:48px;height:48px;border-radius:50%;border:0;padding:0;background:var(--surface);color:var(--blue);cursor:pointer;box-shadow:0 12px 28px -10px rgba(16,40,90,.4);display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(16px) scale(.9);pointer-events:none;transition:opacity .3s,transform .3s}
.to-top.show{opacity:1;transform:none;pointer-events:auto}
.to-top:hover{transform:translateY(-3px)}
.to-top svg.ring{position:absolute;inset:0;transform:rotate(-90deg)}
.to-top svg.ring circle{fill:none;stroke-width:3}
.to-top .track{stroke:var(--line)}
.to-top .meter{stroke:var(--blue);stroke-linecap:round;stroke-dasharray:138.2;stroke-dashoffset:138.2;transition:stroke-dashoffset .1s}
.to-top .arr{position:relative}

/* Without JavaScript the wordmark must stay visible (the reveal is script-driven). */
html:not(.js) .wordmark{transform:none;opacity:1}

/* Footer link clarity and social interaction */
.footer-link-group a{
	position:relative;
	display:inline-flex;
	align-items:center;
	gap:9px;
	width:fit-content;
	color:var(--muted);
	transition:color .22s ease,transform .22s ease;
}
.footer-link-group a::before{
	content:"";
	flex:0 0 auto;
	width:6px;
	height:6px;
	border:1.5px solid var(--blue);
	border-radius:50%;
	background:transparent;
	transition:background-color .22s ease,box-shadow .22s ease,transform .22s ease;
}
.footer-link-group a:hover{
	color:var(--blue);
	transform:translateX(4px);
}
.footer-link-group a:hover::before{
	background:var(--blue);
	box-shadow:0 0 0 4px rgba(8,106,216,.12);
	transform:scale(1.08);
}
.footer-link-group a:focus-visible,
.footer-social-link:focus-visible{
	outline:3px solid rgba(8,106,216,.28);
	outline-offset:4px;
}
.footer-social-link{
	position:relative;
	overflow:hidden;
	color:var(--ink);
	background:#f6f9ff;
	border-color:#d7e3f4 !important;
	box-shadow:0 8px 22px -16px rgba(16,40,90,.6);
	transition:color .28s ease,background .28s ease,border-color .28s ease,box-shadow .28s ease,transform .28s cubic-bezier(.2,.8,.2,1);
}
.footer-social-link svg{
	width:20px;
	height:20px;
	transition:transform .28s cubic-bezier(.2,.8,.2,1);
}
.footer-social-link:hover{
	color:#fff !important;
	border-color:transparent !important;
	box-shadow:0 16px 28px -10px rgba(16,40,90,.55);
	transform:translateY(-5px) scale(1.08);
}
.footer-social-link[data-network="facebook"]:hover{background:#1877F2 !important}
.footer-social-link[data-network="instagram"]:hover{background:linear-gradient(135deg,#833AB4 0%,#E1306C 52%,#F77737 100%) !important}
.footer-social-link[data-network="linkedin"]:hover{background:#0A66C2 !important}
.footer-social-link:hover svg{
	color:#fff !important;
	transform:scale(1.18);
}
.footer-social-link.is-unavailable{
	opacity:1;
	cursor:default;
}
[dir="rtl"] .footer-link-group a:hover{transform:translateX(-4px)}
@media (prefers-reduced-motion:reduce){
	.footer-link-group a,
	.footer-link-group a::before,
	.footer-social-link,
	.footer-social-link svg{transition:none}
	.footer-link-group a:hover,
	[dir="rtl"] .footer-link-group a:hover,
	.footer-social-link:hover{transform:none}
}