/* ==========================================================================
   Site Footer — GrabberPro
   ==========================================================================
   Color variables at the top: replace these with your actual brand tokens
   if you already have CSS variables defined elsewhere in the theme (e.g.
   in header.php or a base stylesheet). Everything below references these
   variables, so updating them here updates the whole footer.
   ========================================================================== */

/* ==========================================================================
   URW DIN Std Regular — licensed webfont
   ==========================================================================
   Purchased via MyFonts/Monotype (Aug 2026), installed via the Monotype
   WordPress plugin. That plugin's own settings/admin page threw a fatal
   PHP error, so rather than depend on the plugin's broken UI, this
   @font-face rule references the plugin's font files directly by their
   public URL. The plugin itself can stay installed (it did its job of
   uploading the files) or be deactivated later -- this rule doesn't
   depend on the plugin being active, only on the files remaining at
   this path under wp-content/plugins/GrabberPro-URWDIN/.
   Font-family name below ("URWDINStdRegular") is taken verbatim from
   the license file's own generated CSS, not invented.
   ========================================================================== */
@font-face {
	font-family: "URWDINStdRegular";
	src: url('/wp-content/plugins/GrabberPro-URWDIN/webFonts/URWDINStdRegular/font.woff2') format('woff2'),
	     url('/wp-content/plugins/GrabberPro-URWDIN/webFonts/URWDINStdRegular/font.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

:root {
	--gp-footer-bg: #0a0a0a;        /* near-black, per brand direction */
	--gp-footer-bg-darker: #000000; /* bottom bar, true black */
	--gp-footer-text: #c7d0dc;      /* body text on dark bg */
	--gp-footer-heading: #ffffff;
	--gp-footer-link: #c7d0dc;
	--gp-footer-link-hover: #BB0027; /* Grabber brand red — Pantone 485C (R211 G41 B37) */
	--gp-footer-border: rgba(255,255,255,0.12);
	--gp-footer-eyebrow: #8a8a8a;
	/* Font: CONFIRMED via browser inspection of the live site (Aug 2026) --
	   both body content and the header nav render with this exact stack.
	   "URWDINStdRegular" is the actual licensed webfont (purchased and
	   installed Aug 2026); falls back to Arial/Helvetica if the font file
	   ever fails to load for any reason. */
	--gp-footer-font: "URWDINStdRegular", Arial, Helvetica, sans-serif;
}

.site-footer {
	font-family: var(--gp-footer-font);
}


.site-footer {
	background: var(--gp-footer-bg);
	color: var(--gp-footer-text);
	font-size: 0.9rem;
	line-height: 1.5;
}

.site-footer__inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 3.5rem 1.5rem 0;
}

.site-footer__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2.5rem;
	padding-bottom: 3rem;
	border-bottom: 1px solid var(--gp-footer-border);
}

@media (max-width: 900px) {
	.site-footer__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 2rem;
	}
}

@media (max-width: 560px) {
	.site-footer__grid {
		grid-template-columns: 1fr;
		gap: 2rem;
	}
}

.footer-col__heading {
	color: var(--gp-footer-heading);
	font-size: 0.95rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	margin: 0 0 1rem;
}

.footer-col__eyebrow {
	color: var(--gp-footer-eyebrow);
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	margin: 1.5rem 0 0.75rem;
}

.footer-col__links,
.footer-col__social {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-col__links li {
	margin-bottom: 0.65rem;
}

.footer-col__links--compact li {
	margin-bottom: 0.45rem;
	font-size: 0.85rem;
}

.footer-col__links a,
.site-footer__legal a {
	color: var(--gp-footer-link);
	text-decoration: none;
	transition: color 0.15s ease;
}

.footer-col__links a:hover,
.footer-col__links a:focus-visible,
.site-footer__legal a:hover,
.site-footer__legal a:focus-visible {
	color: var(--gp-footer-link-hover);
	text-decoration: underline;
}

/* Social icons */
.footer-col__social {
	display: flex;
	gap: 0.9rem;
}

.footer-col__social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: rgba(255,255,255,0.08);
	transition: background 0.15s ease;
}

.footer-col__social a:hover,
.footer-col__social a:focus-visible {
	background: var(--gp-footer-link-hover);
}

.footer-col__social-icon {
	width: 16px;
	height: 16px;
	fill: var(--gp-footer-heading);
}

.footer-col__cta {
	display: inline-block;
	margin-top: 1.25rem;
	padding: 0.65rem 1.25rem;
	background: var(--gp-footer-link-hover);
	color: #fff;
	font-weight: 600;
	font-size: 0.85rem;
	text-decoration: none;
	border-radius: 3px;
	transition: filter 0.15s ease;
}

.footer-col__cta:hover,
.footer-col__cta:focus-visible {
	filter: brightness(1.1);
}

/* Bottom bar */
.site-footer__bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 1rem;
	padding: 1.5rem 0;
	font-size: 0.8rem;
	color: var(--gp-footer-eyebrow);
}

.site-footer__copyright {
	margin: 0;
}

.site-footer__legal {
	display: flex;
	gap: 1.5rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Respect reduced motion preference */
@media (prefers-reduced-motion: reduce) {
	.footer-col__links a,
	.footer-col__social a,
	.footer-col__cta {
		transition: none;
	}
}