/* Footer toàn site – Quang Minh Tech. Cột nội dung | văn phòng & nhà máy | bản quyền. */
.qmt-ft {
	--qmt-accent: #8fa6e6; /* xanh sáng để nổi trên nền footer xanh */
	--qmt-ft-bg: #0a4380;        /* Nền footer (Tùy biến → Màu sắc → Màu nền footer) */
	--qmt-ft-bottom: #0a0a0a;    /* Thanh bản quyền */
	--qmt-ft-panel: rgba(255, 255, 255, .08); /* Khung nổi nhẹ trên nền tối */
	--qmt-ft-text: rgba(255, 255, 255, .86);
	font-family: var(--qmt-font);
	background: var(--qmt-ft-bg);
	color: var(--qmt-ft-text);
	font-size: 15px;
	font-weight: var(--qmt-w-body);
	line-height: 1.6;
}
.qmt-ft *, .qmt-ft *::before, .qmt-ft *::after { box-sizing: border-box; }
.qmt-ft :where(ul) { list-style: none; margin: 0; padding: 0; }
.qmt-ft :where(li, p, h2) { margin: 0; }
.qmt-ft :where(a) { color: inherit; text-decoration: none; transition: color .2s, background-color .2s, border-color .2s, transform .2s; }
.qmt-ft svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.qmt-ft__inner { padding: 56px var(--qmt-edge) 48px; display: flex; flex-direction: column; gap: 56px; }

/* ---------- Cột nội dung ---------- */
.qmt-ft__cols { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, .95fr) minmax(0, 1.05fr) minmax(0, .9fr) minmax(0, 1.4fr); gap: 40px 44px; }
.qmt-ft .qmt-ft__title {
	font-family: var(--qmt-font-head); font-size: 15px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase;
	color: #fff; margin-bottom: 20px; padding: 0; line-height: 1.4;
}
.qmt-ft .qmt-ft__title::after { content: ""; display: block; width: 24px; height: 2px; background: var(--qmt-accent); margin-top: 10px; }
.qmt-ft__about p { max-width: 380px; font-size: 14.5px; margin-bottom: 22px; }
.qmt-ft__social { display: flex; gap: 10px; }
.qmt-ft__social a { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, .14); color: #fff; }
.qmt-ft__social a:hover { background: var(--qmt-accent); color: #fff; }
.qmt-ft .qmt-ft__social svg { width: 18px !important; height: 18px !important; }
.qmt-ft__zalo { font-size: 11px; font-weight: 600; letter-spacing: .02em; }

.qmt-ft__list { display: grid; gap: 11px; }
.qmt-ft__list a { position: relative; display: inline-block; padding-left: 14px; font-size: 15px; color: var(--qmt-ft-text); }
.qmt-ft__list a::before { content: ""; position: absolute; left: 0; top: .72em; width: 5px; height: 5px; background: #fff; opacity: .55; }
.qmt-ft__list a:hover { color: #fff; transform: translateX(3px); }

.qmt-ft__hours { display: grid; gap: 10px; margin-bottom: 16px !important; }
.qmt-ft__hours li { display: flex; align-items: center; gap: 10px; color: #fff; font-size: 15px; }
.qmt-ft .qmt-ft__hours svg { flex: none; width: 17px !important; height: 17px !important; color: #fff; opacity: .85; }
.qmt-ft__note { font-size: 14px; }

/* ---------- Văn phòng & nhà máy ---------- */
.qmt-ft__places { display: grid; gap: 16px; }
.qmt-ft__place { display: flex; align-items: flex-start; gap: 12px; }
.qmt-ft__place-icon { display: grid; place-items: center; width: 32px; height: 32px; margin-top: 2px; border-radius: 50%; background: rgba(255, 255, 255, .14); color: #fff; flex: none; }
.qmt-ft .qmt-ft__place-icon svg { width: 16px !important; height: 16px !important; }
.qmt-ft__place strong { display: block; margin-bottom: 2px; font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: #fff; }
.qmt-ft__place div > span { display: block; font-size: 14px; line-height: 1.5; }

/* ---------- Thanh bản quyền ---------- */
.qmt-ft__bottom { background: var(--qmt-ft-bottom); padding: 18px var(--qmt-edge); font-size: 13px; color: rgba(255, 255, 255, .72); }
.qmt-ft__bottom-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 32px; }
.qmt-ft__bottom-links { display: flex; flex-wrap: wrap; gap: 6px 24px; }
.qmt-ft__bottom a:hover { color: #fff; }

/* ---------- Responsive ---------- */
@media (max-width: 1240px) {
	/* Giới thiệu chiếm 1 hàng, 4 cột còn lại xếp ngang */
	.qmt-ft__cols { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px 32px; }
	.qmt-ft__about { grid-column: 1 / -1; }
}
@media (max-width: 960px) {
	.qmt-ft__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.qmt-ft__offices { grid-column: 1 / -1; }
}
@media (max-width: 720px) {
	.qmt-ft__inner { padding-top: 40px; padding-bottom: 36px; gap: 40px; }
	.qmt-ft__cols { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px 20px; }
	.qmt-ft__about { grid-column: 1 / -1; }
	.qmt-ft__cols > .qmt-ft__col:nth-child(n+4) { grid-column: 1 / -1; } /* Giờ làm việc + Văn phòng: rộng hết hàng */

	/* Chừa chỗ cho nút Zalo/gọi nổi ở góc phải dưới */
	.qmt-ft__bottom { padding-bottom: 96px; }
	.qmt-ft__bottom-inner { flex-direction: column; align-items: flex-start; }
}