/* ===== Footer ===== */
.cg-footer {
	margin-top: 24px;
	background: var(--cg-bg-alt);
	border-top: 1px solid var(--cg-border);
}

.cg-footer__cols {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: clamp(22px, 4vw, 56px);
	padding-top: clamp(26px, 3vw, 38px);
	padding-bottom: clamp(26px, 3vw, 38px);
}

.cg-footer__col {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.cg-footer__brand {
	font-family: var(--cg-font-serif);
	font-size: 17px;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.cg-footer__label {
	font-size: 10.5px;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--cg-text-meta);
	font-weight: 500;
}

/* Vùng chạm: hộp link cao 17px, dưới ngưỡng tối thiểu 24px của WCAG 2.5.8.
   Đây là flex item nên padding dọc SẼ đẩy bố cục — bù lại bằng margin âm đúng
   bằng đó, tổng ảnh hưởng lên bố cục bằng không. Đo được: 18px → 26px (đo bằng elementFromPoint, không phải hình học).
   Cột chân trang cách nhau 10px, mỗi link nới 4px mỗi phía nên còn 2px giữa hai
   vùng bấm — không chồng lên nhau. */
.cg-footer__line {
	display: flex;
	align-items: center;
	gap: 9px;
	font-size: 13.5px;
	color: var(--cg-text-footer);
	padding-block: 4px;
	margin-block: -4px;
}

.cg-footer__line svg {
	color: var(--cg-text-meta);
	flex: none;
}

.cg-footer__address {
	font-size: 13.5px;
	line-height: 1.7;
	color: var(--cg-text-footer);
	max-width: 34ch;
}

.cg-footer__bar {
	border-top: 1px solid var(--cg-border);
}

.cg-footer__bar .cg-container {
	padding-top: 16px;
	padding-bottom: 16px;
	font-size: 12.5px;
	color: var(--cg-text-meta);
	letter-spacing: 0.04em;
}