/* TAU compact footer. Loaded only on pages where the compact footer is in use (body.tau-footer-on).
   Typography is inherited from the theme: no font families are declared here. */

/* The theme's footer bar is replaced, not removed, so hide it only on these pages. */
body.tau-footer-on #footer-outer,
body.tau-footer-on .nectar-global-section.nectar_hook_global_section_footer { display: none !important; }

body .tau-foot {
	--panel: #EEE7DD; --line: #DED4C6; --ink: #2B2420; --ink-2: #4E443D; --muted: #776A60; --accent: #8C5A3C;
	background: var(--panel); border-top: 1px solid var(--line); color: var(--ink);
	font-family: inherit; font-weight: 300; font-size: 14.5px; line-height: 1.6; -webkit-font-smoothing: antialiased;
}
body .tau-foot *, body .tau-foot *::before, body .tau-foot *::after { box-sizing: border-box; }
body .tau-foot__inner { max-width: var(--tau-page-max, 1320px); margin: 0 auto; padding: 56px 40px 48px; display: grid; grid-template-columns: 1.5fr 1.2fr 1.5fr 1fr 1fr; gap: 32px 36px; }
body .tau-foot__brand { display: flex; flex-direction: column; gap: 16px; align-items: flex-start; }
body .tau-foot__brand img { width: 92px; height: auto; display: block; }
body .tau-foot__brand p { margin: 0; padding: 0; max-width: 32ch; color: var(--ink-2); font-size: inherit; line-height: inherit; }
body .tau-foot h2 { margin: 0 0 14px; padding: 0; font-family: inherit; font-weight: 400; font-size: 12px; line-height: 1.4; letter-spacing: .16em; text-transform: uppercase; color: var(--muted); }
/* The site's custom CSS forces every h2 to 30–40px on phones with !important; keep the column headings at their size. */
html body .tau-foot h2, html body .ocm-effect-wrap .tau-foot h2 { font-size: 12px !important; line-height: 1.4 !important; letter-spacing: .16em !important; }
body .tau-foot ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }
body .tau-foot li { margin: 0; padding: 0; list-style: none !important; color: var(--ink-2); font-size: inherit; line-height: inherit; }
body .tau-foot__col li { white-space: nowrap; }
/* Showroom city names: a clear step up from the address lines (the theme loads Jost 300/400/500). */
body .tau-foot li strong { display: block; font-weight: 500; font-size: 15.5px; color: var(--ink); margin-bottom: 3px; }
body .tau-foot li strong + br { display: none; }
body .tau-foot a { color: var(--ink); text-decoration: none; border: 0; }
body .tau-foot a:hover { color: var(--accent); }
/* Social links: full text size in the brand column, not tucked into the bottom bar. */
body .tau-foot__social { display: flex; flex-direction: column; gap: 8px; margin-top: 6px; }
body .tau-foot__social span { font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--muted); }
body .tau-foot__social ul { flex-direction: row; flex-wrap: wrap; gap: 6px 22px; }
body .tau-foot__social a { font-size: 15.5px; font-weight: 400; color: var(--ink); border-bottom: 1px solid var(--line); padding-bottom: 1px; }
body .tau-foot__social a:hover { color: var(--accent); border-color: var(--accent); }

/* "Live Beautiful" brand band (homepage only): the planter drawing and headline, on the page background. */
body .tau-brand-band { text-align: center; padding: 88px 20px 48px; }
body .tau-brand-band img { display: block; width: min(610px, 90vw); height: auto; margin: 0 auto; }
body .tau-brand-band h2 { margin: 44px 0 0; padding: 0; font-family: inherit; font-weight: 300; font-size: 45px; line-height: 1.35; letter-spacing: normal; text-transform: none; color: #000; text-align: center !important; }
/* The site's custom CSS forces h2 sizes on phones with !important; keep the headline at its own size. */
html body .ocm-effect-wrap .tau-brand-band h2 { font-size: 45px !important; }
@media (max-width: 560px) { body .tau-brand-band { padding: 56px 20px 32px; } html body .ocm-effect-wrap .tau-brand-band h2 { font-size: 32px !important; } }

body .tau-foot__bar { border-top: 1px solid var(--line); }
body .tau-foot__bar .tau-foot__inner { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px 24px; padding: 18px 40px; font-size: 13px; color: var(--muted); }
body .tau-foot__bar ul { flex-direction: row; flex-wrap: wrap; gap: 22px; }

@media (max-width: 1080px) {
	body .tau-foot__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
	body .tau-foot__brand { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
	body .tau-foot__inner { grid-template-columns: minmax(0, 1fr); padding: 40px 20px 32px; }
	body .tau-foot__col li { white-space: normal; }
	body .tau-foot__bar .tau-foot__inner { padding: 16px 20px; }
}