/* =====================================================================
   PhoneRanked — site footer (all pages)
   Loaded by /wp-content/mu-plugins/phoneranked-footer.php
   ===================================================================== */

/* GeneratePress wrapper: our footer draws its own background */
.site-footer{background:#0e1726;margin-top:72px}

.prf{
	background:#0e1726;
	color:#a9b4c8;
	font-size:15px;
	line-height:1.5;
	border-top:1px solid #1c2638;
}
.prf-wrap{
	max-width:1200px;
	margin:0 auto;
	padding:64px 20px 0;
}

/* ---------- Top: statement + link columns ---------- */
.prf-top{
	display:grid;
	grid-template-columns:minmax(0,1.35fr) minmax(0,2fr);
	gap:48px;
	padding-bottom:48px;
}
.prf-logo{display:inline-block;line-height:0}
.prf-logo-img{width:190px;height:auto;display:block}
.prf-logo-text{font-size:26px;font-weight:800;line-height:1.2;color:#fff;letter-spacing:-.02em}
.prf-logo-text span{color:#1f5eff}
.prf-tagline{
	max-width:330px;
	margin:20px 0 0;
	color:#a9b4c8;
	font-size:15px;
	line-height:1.65;
}
.prf-stats{margin:20px 0 0;font-size:14px}
.prf-stats a{color:#a9b4c8;text-decoration:none}
.prf-stats strong{color:#fff;font-weight:700}
.prf-stats a:hover strong{color:#fff}
.prf-stats a:hover{color:#dee3ec}

.prf-nav{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:32px;
}
.prf .prf-h,
.prf .prf-brands-h{
	margin:0 0 16px;
	color:#fff;
	font-size:15px;
	font-weight:700;
	line-height:1.3;
	letter-spacing:0;
	text-transform:none;
}
.prf ul{list-style:none;margin:0;padding:0}
.prf-col li{margin:0 0 10px}
.prf-col li:last-child{margin-bottom:0}

/* Links: quiet by default, white on hover with a thin underline */
.prf a{
	color:#a9b4c8;
	text-decoration:none;
	transition:color .15s ease;
}
.prf-col a,
.prf-brands a,
.prf-legal a{
	text-decoration-line:underline;
	text-decoration-color:transparent;
	text-decoration-thickness:1px;
	text-underline-offset:4px;
	transition:color .15s ease, text-decoration-color .15s ease;
}
.prf a:hover{color:#fff}
.prf-col a:hover,
.prf-brands a:hover,
.prf-legal a:hover{text-decoration-color:rgba(255,255,255,.35)}
.prf a[aria-current="page"]{color:#fff}
.prf a:focus-visible{
	outline:2px solid #1f5eff;
	outline-offset:3px;
	border-radius:3px;
	color:#fff;
}

/* Page not published yet — visible to editors only */
.prf a.is-missing{
	color:#5b6475;
	text-decoration:underline dashed #5b6475;
	text-underline-offset:4px;
}

/* ---------- Popular brands: one quiet row ---------- */
.prf-brands{
	display:flex;
	align-items:baseline;
	gap:12px 32px;
	padding:22px 0;
	border-top:1px solid #1c2638;
}
.prf .prf-brands-h{margin:0;flex:0 0 auto;font-size:14px}
.prf-brands ul{
	display:flex;
	flex-wrap:wrap;
	gap:8px 24px;
	font-size:14px;
}
.prf-brands-all a{color:#dee3ec;font-weight:600}

/* ---------- Bottom bar ---------- */
.prf-bottom{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px 32px;
	padding:22px 0 26px;
	border-top:1px solid #1c2638;
	font-size:13px;
}
.prf-copy{margin:0;color:#7d889c}
.prf-legal{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:8px 24px;
}
.prf-top-link{display:inline-flex;align-items:center;gap:6px}
.prf-top-link svg{transition:transform .15s ease}
.prf-top-link:hover svg{transform:translateY(-2px)}

/* ---------- Tablet ---------- */
@media (max-width:960px){
	.prf-wrap{padding-top:52px}
	.prf-top{grid-template-columns:1fr;gap:40px}
	.prf-tagline{max-width:460px}
}

/* ---------- Phone ---------- */
@media (max-width:600px){
	.site-footer{margin-top:56px}
	.prf-wrap{padding:44px 20px 0}
	.prf-logo-img{width:170px}
	.prf-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}
	/* Bigger tap targets */
	.prf-col li{margin:0}
	.prf-col a{display:inline-block;padding:7px 0}
	.prf .prf-h{margin-bottom:6px}
	.prf-brands{flex-direction:column;gap:10px}
	.prf-brands ul{gap:4px 20px}
	.prf-brands a{display:inline-block;padding:6px 0}
	.prf-bottom{
		flex-direction:column-reverse;
		align-items:flex-start;
		padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));
	}
	.prf-legal a{display:inline-block;padding:6px 0}
	.prf-legal a.prf-top-link{display:inline-flex}
}

@media (prefers-reduced-motion:reduce){
	.prf a,.prf-top-link svg{transition:none}
	.prf-top-link:hover svg{transform:none}
}