/*
 * Footer chrome (global).
 *
 * These rules style the site-wide footer widget area (brand + social icons,
 * contact card, 3-column band). The footer renders on EVERY page via the
 * Genesis footer widget area, so this file is enqueued as a global-base asset
 * (see lib/theme-assets.php: handle 'hong-footer-chrome').
 *
 * Previously these lived in site-chrome.css, which only loads on single
 * legacy-shell posts -> footer SVG icons had no size constraint and ballooned
 * on the home page, archives, and all v2 pages.
 */
/* ===== Footer contact card (footer 02) — prominent WhatsApp, tappable phone, formatted address ===== */
.hong-foot-card {
	display: grid;
	gap: 12px;
	max-width: 330px;
	padding: 18px 18px 16px;
	background: #fff;
	border: 1px solid #e2dfd8;
	border-top: 3px solid #c8331f;
	box-sizing: border-box;
}
.hong-foot-card__label {
	font-family: var(--hong-mono, monospace);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #c8331f;
}
.hong-foot-card a.hong-foot-card__wa,
.hong-foot-card a.hong-foot-card__wa:visited,
.hong-foot-card .whatsapp-button__trigger.hong-foot-card__wa {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.55em;
	min-height: 52px;
	padding: 14px 18px;
	background: #25b566 !important;
	color: #06240f !important;
	font-family: var(--hong-sans, sans-serif);
	font-size: 16px;
	font-weight: 800;
	line-height: 1.1;
	text-decoration: none;
	border-radius: 8px;
	cursor: pointer;
	transition: background 0.18s ease;
}
.hong-foot-card a.hong-foot-card__wa:hover,
.hong-foot-card .whatsapp-button__trigger.hong-foot-card__wa:hover {
	background: #33c473 !important;
	color: #06240f !important;
}
.hong-foot-card__waico { width: 1.2em; height: 1.2em; flex: none; }
.hong-foot-card a.hong-foot-card__row,
.hong-foot-card a.hong-foot-card__row:visited {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 11px 2px 0;
	border-top: 1px solid #ece9e2;
	text-decoration: none;
	color: #17150f !important;
}
.hong-foot-card__k {
	font-family: var(--hong-mono, monospace);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #8a857a;
	flex: none;
}
.hong-foot-card__v {
	font-size: 15px;
	font-weight: 650;
	line-height: 1.35;
	text-align: right;
}
.hong-foot-card a.hong-foot-card__row:hover .hong-foot-card__v { color: #c8331f; }
@media only screen and (max-width: 767px) {
	.hong-foot-card { max-width: none; }
}

/* ===== Footer band (option 02) — even 3-column grid, kills the legacy float gap ===== */
.hong-swiss-modern .footer-widgets .wrap {
	display: grid;
	grid-template-columns: 1.3fr 1fr 1fr;
	gap: clamp(28px, 4vw, 72px);
	align-items: start;
}
.hong-swiss-modern .footer-widgets .footer-widgets-1,
.hong-swiss-modern .footer-widgets .footer-widgets-2,
.hong-swiss-modern .footer-widgets .footer-widgets-3 {
	float: none;
	width: auto;
	margin: 0;
}
.hong-swiss-modern .footer-widgets .footer-widgets-1 { order: 1; }
.hong-swiss-modern .footer-widgets .footer-widgets-3 { order: 2; }
.hong-swiss-modern .footer-widgets .footer-widgets-2 { order: 3; }
.hong-foot-brand__logo img { max-width: 210px; height: auto; }
.hong-foot-brand__mission { font-size: 14px; color: #57534b; line-height: 1.55; margin: 18px 0 16px; max-width: 30ch; }
.hong-foot-brand__social { display: flex; gap: 10px; margin-bottom: 18px; }
.hong-foot-brand__social a { width: 36px; height: 36px; border: 1px solid #d8d4cb; border-radius: 50%; display: grid; place-items: center; color: #46423b; transition: border-color 0.18s ease, color 0.18s ease; }
.hong-foot-brand__social a:hover { border-color: #17150f; color: #17150f; }
.hong-foot-brand__social svg { width: 16px; height: 16px; }
.hong-foot-brand__legal { font-size: 13px; color: #6e6b61; line-height: 1.5; max-width: 36ch; margin: 0; }
.hong-foot-hours { font-size: 15px; line-height: 1.7; margin: 0 0 10px; }
.hong-foot-addr { margin: 0; }
.hong-foot-addr a { color: #3a3833; text-decoration: none; line-height: 1.5; }
.hong-foot-addr a:hover { color: #c8331f; }
@media (max-width: 860px) {
	.hong-swiss-modern .footer-widgets .wrap { grid-template-columns: 1fr; gap: 30px; }
}

/* Deterministic LTR column placement (legacy footer had an rtl/auto-placement quirk) */
.hong-swiss-modern .footer-widgets .wrap { direction: ltr; }
.hong-swiss-modern .footer-widgets .footer-widgets-1 { grid-column: 1; order: 0; }
.hong-swiss-modern .footer-widgets .footer-widgets-3 { grid-column: 2; order: 0; }
.hong-swiss-modern .footer-widgets .footer-widgets-2 { grid-column: 3; order: 0; }
.hong-swiss-modern .footer-widgets .footer-widgets-1,
.hong-swiss-modern .footer-widgets .footer-widgets-2,
.hong-swiss-modern .footer-widgets .footer-widgets-3 { grid-row: 1; }

/* Mobile: the LTR placement block above pins widgets to columns 2/3 unconditionally,
   which recreates phantom columns after the 1fr collapse. Reset placements ≤860px. */
@media (max-width: 860px) {
	.hong-swiss-modern .footer-widgets .footer-widgets-1,
	.hong-swiss-modern .footer-widgets .footer-widgets-2,
	.hong-swiss-modern .footer-widgets .footer-widgets-3 { grid-column: 1; grid-row: auto; }
	.hong-swiss-modern .footer-widgets .footer-widgets-1 { order: 1; }
	.hong-swiss-modern .footer-widgets .footer-widgets-3 { order: 2; }
	.hong-swiss-modern .footer-widgets .footer-widgets-2 { order: 3; }
}

/* === 2026-07-27 · CFM Res. 2.336/2023 establishment identification (sitewide) ===
   Sits inside .site-footer, which is a LIGHT surface — the first pass used
   white-on-white and rendered invisible. Dark ink on the footer background.
   Deliberately quiet: legal identification, not a marketing band. 13px floor. */
.hong-cfm-id{border-top:1px solid #E1DED6;margin-top:24px;padding-top:22px}
.hong-cfm-id__in{max-width:1200px;margin:0 auto;padding:0 20px}
.hong-cfm-id__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px 30px;margin:0}
.hong-cfm-id__grid dt{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:#6B716D;margin:0 0 4px}
.hong-cfm-id__grid dd{margin:0;font-size:14px;line-height:1.5;color:#2B302D}
.hong-cfm-id__note{margin:16px 0 0;font-size:13px;line-height:1.6;color:#6B716D;max-width:96ch}
@media (max-width:820px){.hong-cfm-id{margin-top:20px;padding-top:18px}}