/* ==============================================================
   PPA Footer Policies — Payroc-required policy link row.

   Normal path: JS at wp_footer absorbs the 5 links into the
   existing "Mission" footer column (relabeled "Policies"). No
   custom styling needed — links inherit .ppa-footer-col a styling
   from the theme polish for a native look. We add a `.ppa-fp-col-link`
   class on each so we can target them if a future tweak is needed
   (e.g. nowrap on "Refunds & Cancellations") without affecting the
   rest of the footer.

   Fallback path: if the Mission column isn't in the DOM (theme
   drift / future refactor), the server-echoed <nav> is revealed
   and rendered as a centered strip at the bottom of <body> so
   Payroc always sees 5 reachable policy links on every page.
   ============================================================== */

/* Tiny hook for future adjustments — currently just prevents the
   long "Refunds & Cancellations" label from wrapping awkwardly on
   wide desktops. */
.ppa-footer .ppa-footer-col a.ppa-fp-col-link {
	/* inherit theme .ppa-footer-col a — no override needed */
}

/* ─── Kill the doubled gold hairline above the © row ───
   The theme polish sets both .ppa-footer-grid { border-bottom } and
   .ppa-footer-bottom { border-top } — those stack into two parallel
   lines with ~8px gap. William 2026-04-21: drop the lower one so the
   divider reads as a single clean hairline. */
.ppa-footer .ppa-footer-bottom {
	border-top: 0 !important;
}

/* ─── 3-column footer grid (Shop column killed) ───
   Theme ships 4 equal columns; with Shop removed by the JS above,
   redistribute remaining 3 (Policies / Company / Connect) across the
   row so we don't leave an empty 4th slot or cramped sizing. William
   2026-04-21: footer is fine-print-only; shopping lives in top nav. */
.ppa-footer .ppa-footer-grid {
	grid-template-columns: repeat( 3, 1fr ) !important;
}

/* ─── Column visual order — Connect (socials) to the middle ───
   William 2026-04-25: "put the socials in the middle, may help offset
   the balance a little." DOM order after the JS above is:
     1) Mission → Policies   2) Company   3) Connect
   Re-order visually via CSS `order` so the row reads:
     Policies (left)   Connect/socials (middle)   Company (right)
   Plus: center the Connect column's content (icons + address text)
   so the middle reads as a balanced anchor instead of left-aligned. */
.ppa-footer .ppa-footer-grid > .ppa-footer-col:nth-child(1) { order: 1; }
.ppa-footer .ppa-footer-grid > .ppa-footer-col:nth-child(2) { order: 3; }
.ppa-footer .ppa-footer-grid > .ppa-footer-col:nth-child(3) {
	order: 2;
	align-items: center;
	text-align: center;
}
.ppa-footer .ppa-footer-grid > .ppa-footer-col:nth-child(3) .ppa-footer-social {
	justify-content: center;
}

/* ─── Fallback strip (only if Mission column not found) ─── */
.ppa-footer-policies.ppa-footer-policies--fallback {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 10px 14px;
	margin: 0;
	padding: 20px 24px 28px;
	background: #0C0E10;
	border-top: 1px solid rgba( 237, 228, 208, 0.08 );
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	line-height: 1.4;
	text-align: center;
}

.ppa-footer-policies--fallback .ppa-fp-link {
	color: rgba( 237, 228, 208, 0.72 );
	text-decoration: none;
	transition: color 0.18s ease;
	white-space: nowrap;
}

.ppa-footer-policies--fallback .ppa-fp-link:hover,
.ppa-footer-policies--fallback .ppa-fp-link:focus-visible {
	color: #4EA8A0;
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
}

.ppa-footer-policies--fallback .ppa-fp-sep {
	color: rgba( 196, 148, 58, 0.55 );
	font-size: 10px;
	font-weight: 400;
	letter-spacing: 0;
	user-select: none;
	line-height: 1;
}

@media ( max-width: 640px ) {
	.ppa-footer-policies--fallback {
		font-size: 11px;
		gap: 8px 10px;
		padding: 16px 16px 22px;
	}
}