/* ════════════════════════════════════════════════
   COOLA · Shared Footer (footer B)
   The full footer with company address, legal links
   and EN/中文 toggle — applied site-wide.
   Variables are scoped to the footer so page themes
   are untouched.
   ════════════════════════════════════════════════ */

footer.site-footer{
  /* scoped cream/dark palette — only affects the footer */
  --bg-dark:#0F0F0F;
  --text-light:#FFFFFF;
  --muted-light:rgba(255,255,255,.55);
  --serif:'Playfair Display','Noto Serif SC',Georgia,serif;
  --sans:'Inter','Noto Sans SC',system-ui,-apple-system,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;

  padding:56px 0 32px;
  background:var(--bg-dark);
  border-top:1px solid rgba(255,255,255,.05);
  color:var(--muted-light);
  font-family:var(--sans);
}
footer.site-footer *{box-sizing:border-box}
footer.site-footer a{text-decoration:none;color:inherit}
footer.site-footer .section-full{width:100%;max-width:1400px;margin:0 auto;padding:0 40px}
footer.site-footer .logo{font-family:var(--sans);font-size:15px;font-weight:600;letter-spacing:-.02em;display:flex;align-items:center;gap:6px;color:var(--text-light)}
footer.site-footer .logo em{font-family:var(--serif);font-style:italic;font-weight:400;font-size:16px}
footer.site-footer .f-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;margin-bottom:40px}
footer.site-footer .f-brand{max-width:320px}
footer.site-footer .f-brand .logo{margin-bottom:12px}
footer.site-footer .f-brand p{font-size:12px;line-height:1.6;opacity:.5}
footer.site-footer .f-cols{display:flex;gap:56px;flex-wrap:wrap}
footer.site-footer .f-col h5{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px;opacity:.4}
footer.site-footer .f-col a{display:block;font-size:13px;margin-bottom:10px;opacity:.5;transition:opacity .2s}
footer.site-footer .f-col a:hover{opacity:1}
footer.site-footer .f-bot{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid rgba(255,255,255,.05);font-size:11px;opacity:.3;flex-wrap:wrap;gap:8px}


/* ── site-wide language toggle pill (中/EN) ── */
.coola-nav .lang-pill{
  margin-left:.5rem; padding:.4rem .7rem; border-radius:999px;
  border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.04);
  color:inherit; font-family:'JetBrains Mono',monospace; font-size:.72rem; letter-spacing:.06em;
  cursor:pointer; line-height:1; transition:background .2s,border-color .2s;
}
.coola-nav .lang-pill:hover{ background:rgba(255,87,34,.14); border-color:rgba(255,87,34,.5); }