/* Footer ใหม่ (bar เดียว: โลโก้ + nav + social) — แทนที่ widget columns เดิม
   ดู theme/fruit/footer.php · สี/ฟอนต์ใช้ token --kl-* (Kirki Customizer)
   พร้อม fallback hex ตาม brand palette จริง (navy/gold/green) */
/* #colophon.fruit-footer (ไม่ใช่ .fruit-footer เฉย ๆ) — ต้องชนะ specificity ของ
   .site-footer ของ parent theme (mobile.css กำหนด --s-bg ทับในสโคปเดียวกัน
   แล้ว background-color: var(--s-bg) specificity เท่ากัน ใครมาทีหลังชนะ ซึ่ง
   ของ parent โหลดทีหลัง footer.css ของเรา) */
#colophon.fruit-footer {
	background: var(--kl-blue, #0B4D8C);
	color: #fff;
	font-family: var(--sans, 'Sarabun', sans-serif);
}

.fruit-footer__row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding-top: 28px;
	padding-bottom: 28px;
}

.fruit-footer__brand {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.fruit-footer__wordmark {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: .02em;
	color: #fff;
}

.fruit-footer__slogan {
	font-size: 12px;
	color: rgba(255, 255, 255, .72);
}

.fruit-footer__nav {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 24px;
}

.fruit-footer__nav a {
	color: rgba(255, 255, 255, .88);
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
}

.fruit-footer__nav a:hover {
	color: var(--kl-gold, #F4B400);
}

.fruit-footer__social {
	display: flex;
	gap: 12px;
}

.fruit-footer__social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .12);
	color: #fff;
}

.fruit-footer__social a:hover {
	background: var(--kl-gold, #F4B400);
	color: var(--kl-blue, #0B4D8C);
}

.fruit-footer__legal {
	border-top: 1px solid rgba(255, 255, 255, .15);
}

.fruit-footer__legal > div {
	padding-top: 12px;
	padding-bottom: 12px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	font-size: 12px;
}

.fruit-footer__legal a {
	color: rgba(255, 255, 255, .72);
	text-decoration: none;
}

.fruit-footer__legal a:hover {
	color: #fff;
}

.fruit-footer__legal span {
	color: rgba(255, 255, 255, .4);
}

.fruit-footer__copyright {
	background: rgba(0, 0, 0, .15);
}

.fruit-footer__copyright > div {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
	color: rgba(255, 255, 255, .6);
}

@media (max-width: 600px) {
	.fruit-footer__row {
		flex-direction: column;
		align-items: flex-start;
	}
}