/* Site-wide footer: bigger Chad logo, a quip, and the developer's photo tucked away as an easter egg.
   The footer group is the one holding the developer photo block (.uagb-block-f18650b0). */

.cz-footer {
	position: relative;
	flex-wrap: wrap !important;
	gap: 6px 28px !important;
	padding-top: 22px !important;
	padding-bottom: 22px !important;
}

/* The site caps .wp-block-site-logo at 96-130px on smaller screens (for the header); not here. */
.cz-footer .wp-block-site-logo { flex: 0 0 auto; max-width: 100% !important; }
.cz-footer .wp-block-site-logo .custom-logo { max-width: 100% !important; }
.cz-footer .wp-block-site-logo img {
	width: clamp(220px, 32vw, 330px) !important;
	height: auto !important;
	filter: drop-shadow(0 6px 10px rgba(0, 0, 0, 0.5));
}

.cz-quip {
	flex-basis: 100%;
	margin: 0 !important;
	text-align: center;
	color: #fff;
	font-style: italic;
	font-weight: 800;
	font-size: clamp(15px, 2.2vw, 20px);
	letter-spacing: 0.04em;
}
.cz-quip::before,
.cz-quip::after { content: "\201C"; color: #e21f26; font-size: 1.4em; line-height: 0; vertical-align: -0.25em; margin-right: 2px; }
.cz-quip::after { content: "\201D"; margin: 0 0 0 2px; }

/* "Developed by ..." credit: small, bottom-left corner. */
.cz-footer > p:not(.cz-quip) {
	position: absolute;
	left: 14px;
	bottom: 10px;
	margin: 0 !important;
	opacity: 0.55;
	cursor: default;
}

/* The developer photo: small, faded, gray, bottom-right. Hover it (or the credit) to reveal. */
.cz-footer .uagb-block-f18650b0 {
	position: absolute;
	right: 10px;
	bottom: 0;
	margin: 0 !important;
	width: 46px;
	opacity: 0.18;
	filter: grayscale(1);
	transform-origin: bottom right;
	transition: opacity 0.35s ease, filter 0.35s ease, transform 0.35s cubic-bezier(0.25, 1.5, 0.45, 1);
}
.cz-footer .uagb-block-f18650b0 img { width: 100% !important; height: auto !important; display: block; }
.cz-footer .uagb-block-f18650b0:hover,
.cz-footer > p:not(.cz-quip):hover ~ .uagb-block-f18650b0 {
	opacity: 1;
	filter: none;
	transform: scale(2.6);
}

@media (max-width: 600px) {
	.cz-footer { padding-bottom: 40px !important; }
}