/*
 * Site footer (site-footer.php). Colors from design-system.css tokens.
 */

/* GeneratePress wrapper around our footer: no padding/background of its own */
.site-footer{background:transparent}

.ch-foot{
	--f-bg:#0f1d45;
	--f-ink:#ffffff;
	--f-body:#b9c4dc;
	--f-line:rgba(255,255,255,.12);
	background:var(--f-bg);
	color:var(--f-body);
	font-size:15px;
	line-height:1.5;
}
.ch-foot *{box-sizing:border-box}
.ch-foot__in{max-width:var(--chmem-maxw,1100px);margin:0 auto;padding:56px 24px 0}

.ch-foot__top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;padding-bottom:44px}

.ch-foot__brand p{margin:12px 0 18px;max-width:320px;color:var(--f-body)}
.ch-foot a.ch-foot__name{display:inline-flex;align-items:center;gap:10px;color:var(--f-ink);font-size:21px;font-weight:800;letter-spacing:-.01em;text-decoration:none}
.ch-foot__logo{width:34px;height:34px;object-fit:contain;filter:brightness(0) invert(1)}
.ch-foot a.ch-foot__yt{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--f-line);border-radius:var(--chmem-r,6px);padding:9px 14px;color:var(--f-ink);font-weight:600;font-size:14px;text-decoration:none;transition:background .15s,border-color .15s}
.ch-foot a.ch-foot__yt svg{color:#ff3b30}
.ch-foot a.ch-foot__yt:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.28)}

.ch-foot .ch-foot__h{margin:4px 0 14px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7f8db0}
.ch-foot__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ch-foot__col li{margin:0}
.ch-foot__col a{color:var(--f-body);text-decoration:none;transition:color .15s}
.ch-foot__col a:hover{color:var(--f-ink);text-decoration:underline;text-underline-offset:3px}

.ch-foot__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;border-top:1px solid var(--f-line);padding:20px 0 24px;font-size:13px;color:#8391b3}
.ch-foot__bottom p{margin:0}

@media (max-width:900px){
	.ch-foot__top{grid-template-columns:1fr 1fr 1fr;gap:32px 24px}
	.ch-foot__brand{grid-column:1 / -1}
}
@media (max-width:600px){
	.ch-foot__in{padding:40px 16px 0}
	.ch-foot__top{grid-template-columns:1fr 1fr;gap:28px 20px;padding-bottom:32px}
	.ch-foot__bottom{flex-direction:column}
}