/* ─────────────────────────────────────────────────────────────
   "Website by Pure Marketing" footer credit
   Standard on every bespoke Pure Marketing build. Pairs with
   theme-parts/footer-credit.php. As shipped on greenerasphalt.com.

   The bottom bar is a space-between flex row: copyright on the left,
   back-to-top in the middle, the PM credit on the right. It wraps
   cleanly on narrow screens.

   Colours below assume a DARK footer. For a light footer see the
   block at the bottom of this file.
   ───────────────────────────────────────────────────────────── */

.footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.footer-bottom-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
	padding: 22px 0;
	font-size: 0.85rem;
}

.back-to-top {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: rgba(255, 255, 255, 0.68);
	text-decoration: none;
}

.back-to-top:hover {
	color: #fff;
}

/* Some themes underline footer links with border-bottom rather than
   text-decoration, so kill both — otherwise the credit shows a rule under
   "Website by" that the logo doesn't share. */
.footer-credit {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	color: rgba(255, 255, 255, 0.68);
	text-decoration: none !important;
	border: 0 !important;
	box-shadow: none !important;
}

.footer-credit:hover {
	color: #fff;
}

/* brightness(0) flattens the logo to solid black, invert(1) flips it to
   solid white. Done as a filter so the SVG's masked wordmark survives —
   editing the fills directly breaks it. */
.footer-credit-logo {
	height: 20px;
	width: auto;
	display: block;
	filter: brightness(0) invert(1);
}

/* ─── Light footer variant ───
   Same markup; drop invert(1) so the logo renders solid black, and
   swap the muted white text for a muted dark.

.footer-bottom      { border-top: 1px solid rgba(0, 0, 0, 0.10); }
.back-to-top,
.footer-credit      { color: rgba(0, 0, 0, 0.55); }
.back-to-top:hover,
.footer-credit:hover{ color: #000; }
.footer-credit-logo { filter: brightness(0); opacity: 0.75; }
.footer-credit:hover .footer-credit-logo { opacity: 1; }
*/