/**
 * Footer (Desktop) — NHÔM VIỆT DŨNG
 * Node Figma: 711:11987 (Footer/PC) — 1600×618
 * BEM scoped. rem = figma_px / 16. NO gap / NO aspect-ratio / NO background-image.
 */

.section-footer {
	/* ── Design tokens (scoped) ── */
	--footer-bg: linear-gradient(180deg, #079de2 5%, #005b85 81%);
	--footer-text: #ffffff;
	--footer-text-76: rgba(255, 255, 255, 0.76);
	--footer-text-70: rgba(255, 255, 255, 0.7);
	--footer-text-45: rgba(255, 255, 255, 0.45);
	--footer-social-bg: rgba(255, 255, 255, 0.22);
	--footer-social-border: #dcdcdc;

	position: relative;
	background: var(--footer-bg);
	color: var(--footer-text);
	font-family: "Nunito Sans", sans-serif;
}

.section-footer a {
	color: inherit;
	text-decoration: none;
}

.section-footer a:focus-visible {
	outline: 0.125rem solid var(--footer-text);
	outline-offset: 0.125rem;
}

.section-footer__inner {
	padding: 4.4461rem 6.25rem 0;
}

.section-footer__columns {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

/* ══════════════ Cột 1: Brand ══════════════ */
.section-footer__brand {
	display: flex;
	flex-direction: column;
	width: 22.375rem;
}

.section-footer__brand-logo-img {
	display: block;
	width: 8.8414rem;
	height: 8.1873rem;
	object-fit: contain;
	object-position: left center;
}

.section-footer__brand-desc {
	margin: 0.875rem 0 0;
	width: 22.375rem;
	max-width: 100%;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.5rem;
	letter-spacing: -0.0156rem;
	color: var(--footer-text);
}

.section-footer__socials {
	display: flex;
	align-items: center;
	margin-top: 1.75rem;
}

.section-footer__social {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3.125rem;
	height: 3.125rem;
	background: var(--footer-social-bg);
	border: 1px solid var(--footer-social-border);
	border-radius: 0.1875rem;
	transition: background-color 0.2s ease;
}

.section-footer__social + .section-footer__social {
	margin-left: 0.5rem;
}

.section-footer__social:hover {
	background: rgba(255, 255, 255, 0.34);
}

.section-footer__social-icon {
	display: block;
	width: 1.375rem;
	height: 1.375rem;
	object-fit: contain;
}

/* ══════════════ Cột 2: Mid ══════════════ */
.section-footer__mid {
	display: flex;
	flex-direction: column;
	width: 25.995rem;
}

.section-footer__row-top {
	display: flex;
	align-items: flex-start;
}

/* Tiêu đề cột (dùng chung) */
.section-footer__col-title {
	margin: 0;
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.25rem;
	color: var(--footer-text-45);
}

/* ── Quicklink ── */
.section-footer__quicklinks-block {
	width: 11.245rem;
}

.section-footer__quicklinks {
	display: flex;
	margin-top: 0.875rem;
}

.section-footer__quicklinks-col {
	list-style: none;
	margin: 0;
	padding: 0;
}

.section-footer__quicklinks-col:first-child {
	width: 7.12rem;
}

.section-footer__quicklinks-col + .section-footer__quicklinks-col {
	margin-left: 0.25rem;
}

.section-footer__quicklinks-col li + li {
	margin-top: 0.75rem;
}

.section-footer__quicklink {
	font-size: 0.875rem;
	font-weight: 800;
	line-height: 1.5rem;
	color: var(--footer-text);
	transition: opacity 0.2s ease;
}

.section-footer__quicklink:hover {
	opacity: 0.7;
}

/* ── Thẻ Hồ sơ năng lực ── */
.section-footer__profile {
	margin-left: 3.5rem;
}

.section-footer__profile-card {
	position: relative;
	display: block;
	width: 11.25rem;
	height: 12.5rem;
	margin-top: 0.875rem;
	border-radius: 0.25rem;
	overflow: hidden;
}

.section-footer__profile-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
}

.section-footer__profile-card::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0, 50, 83, 0) 0%, #003253 100%);
	z-index: 1;
}

.section-footer__profile-cta {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	display: flex;
	align-items: center;
	padding: 2.25rem 0.6875rem 0.75rem;
	font-size: 0.625rem;
	font-weight: 500;
	line-height: 1rem;
	color: var(--footer-text);
}

.section-footer__profile-cta-text {
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}

.section-footer__profile-cta-icon {
	display: block;
	width: 0.5625rem;
	height: 0.5625rem;
	margin-left: 0.375rem;
	object-fit: contain;
}

/* ── Giải thưởng ── */
.section-footer__awards {
	margin-top: 6.4375rem;
}

.section-footer__awards-list {
	display: flex;
	align-items: center;
	margin-top: 0.875rem;
}

.section-footer__award {
	display: block;
}

.section-footer__award + .section-footer__award {
	margin-left: 1.75rem;
}

.section-footer__award-img {
	display: block;
	width: 6.7094rem;
	height: 4.8029rem;
	object-fit: contain;
}

/* Giải thưởng nhân đôi (mobile-only, trong brand) — ẩn mặc định trên desktop */
.section-footer__brand-awards {
	display: none;
}

/* ══════════════ Cột 3: Contact ══════════════ */
.section-footer__contact {
	display: flex;
	flex-direction: column;
	width: 27.9375rem;
}

.section-footer__addr-block--factory,
.section-footer__contact-info {
	margin-top: 1.25rem;
}

.section-footer__addr-list {
	margin-top: 0.875rem;
}

.section-footer__addr-item {
	display: flex;
	align-items: flex-start;
}

.section-footer__addr-item + .section-footer__addr-item {
	margin-top: 0.3125rem;
}

.section-footer__addr-icon {
	flex: 0 0 auto;
	width: 1.125rem;
	height: 1.125rem;
	margin-right: 0.5rem;
	object-fit: contain;
}

.section-footer__address {
	margin: 0;
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1rem;
	letter-spacing: -0.0156rem;
	color: var(--footer-text);
}

/* ── Thông tin liên hệ (2×2) ── */
.section-footer__contact-grid {
	display: flex;
	flex-wrap: wrap;
	margin-top: 0.875rem;
}

.section-footer__contact-item {
	display: flex;
	align-items: flex-start;
	width: 13.6563rem;
}

.section-footer__contact-item:nth-child(even) {
	margin-left: 0.625rem;
}

.section-footer__contact-item:nth-child(n + 3) {
	margin-top: 0.5rem;
}

.section-footer__contact-icon {
	flex: 0 0 auto;
	width: 1.125rem;
	height: 1.125rem;
	margin-right: 0.5rem;
	object-fit: contain;
}

.section-footer__contact-text {
	display: flex;
	flex-direction: column;
}

.section-footer__contact-label {
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1rem;
	color: var(--footer-text-70);
}

.section-footer__contact-value {
	margin-top: 0.125rem;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.5rem;
	color: var(--footer-text);
}

a.section-footer__contact-value:hover {
	text-decoration: underline;
}

/* ══════════════ Thanh dưới ══════════════ */
.section-footer__bottom {
	margin-top: 3.5864rem;
	padding: 1.0625rem 6.25rem 1.125rem;
}

.section-footer__bottom-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.section-footer__copyright,
.section-footer__credit {
	margin: 0;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5rem;
	letter-spacing: -0.0156rem;
	color: var(--footer-text-76);
}

.section-footer__copyright-brand,
.section-footer__credit-brand {
	font-weight: 700;
}

/* ══════════════ Mobile (≤639.98px) — Figma Footer/MB 1532:11261 (23.4375rem) ══════════════ */
@media screen and (max-width: 639.98px) {
	.section-footer__inner {
		padding: 3.125rem 0.75rem 1.75rem;
	}

	.section-footer__columns {
		flex-direction: column;
	}

	.section-footer__mid,
	.section-footer__contact {
		width: 100%;
		margin-top: 1.875rem;
	}

	/* ── Brand căn giữa ── */
	.section-footer__brand {
		width: 100%;
		align-items: center;
		text-align: center;
	}

	.section-footer__brand-logo-img {
		object-position: center;
	}

	.section-footer__brand-desc {
		width: 100%;
		font: 400 0.875rem/1.375rem "Nunito Sans", sans-serif;
	}

	/* ── Awards nhân đôi (mobile-only) trong brand; ẩn bản desktop ở __mid ── */
	.section-footer__brand-awards {
		display: flex;
		justify-content: center;
		margin: 1.6875rem 0 0;
		padding: 0;
		list-style: none;
	}

	.section-footer__brand-awards li + li {
		margin-left: 1.75rem;
	}

	.section-footer__awards {
		display: none;
	}

	.section-footer__socials {
		justify-content: center;
		margin-top: 1.6875rem;
	}

	/* ── Quicklink + Hồ sơ giữ cạnh nhau ── */
	.section-footer__row-top {
		flex-wrap: nowrap;
	}

	.section-footer__quicklinks-block {
		flex: 1;
		width: auto;
	}

	.section-footer__profile {
		margin: 0.875rem 0 0 1.875rem;
	}

	.section-footer__profile-card {
		width: 7.8125rem;
		height: 8.6875rem;
	}

	.section-footer__quicklink {
		font: 400 0.75rem/1rem "Nunito Sans", sans-serif;
	}

	.section-footer__col-title {
		line-height: 1rem;
	}

	.section-footer__quicklinks-col li + li {
		margin-top: 0.1875rem;
	}

	/* ── Contact 2×2 (item ~10.6563rem) ── */
	.section-footer__contact-item {
		width: 10.6563rem;
	}

	.section-footer__contact-item:nth-child(even) {
		margin-left: 0.625rem;
	}

	.section-footer__contact-item:nth-child(n + 3) {
		margin-top: 0.5rem;
	}

	.section-footer__contact-value {
		font: 500 0.75rem/1.25rem "Nunito Sans", sans-serif;
	}

	.section-footer__contact-label {
		line-height: 1rem;
	}

	.section-footer__address {
		line-height: 1rem;
	}

	/* ── Thanh bản quyền: nền đặc #003253, căn giữa ── */
	.section-footer__bottom {
		background: #003253;
		margin-top: 0;
		padding: 0.5625rem 0.75rem;
	}

	.section-footer__bottom-inner {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.section-footer__credit {
		margin-top: 0;
	}
}