/* ============================================================
   Market Insight unified footer styles (Iter 12DQ2)
   Loaded on EVERY page so the injected mi-footer-snippet.html
   renders consistently across landing, dashboard, portfolio,
   admin, ai-lab, and legal pages.

   Self-contained: declares its own CSS variables (fallbacks)
   so it does not depend on landing.css being loaded first.
   ============================================================ */

.lp-footer {
  --mif-surface: #1c1c20;
  --mif-border: #2a2a30;
  --mif-text: #e0e0e0;
  --mif-text-muted: #b0bec5;
  --mif-accent: #4F98A3;
  border-top: 1px solid var(--mif-border);
  padding: 60px 24px 0;
  background: var(--mif-surface);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: var(--mif-text);
  margin-top: 80px;
}
.lp-footer * { box-sizing: border-box; min-width: 0; }

.lp-footer-inner {
  max-width: 1440px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.2fr 2fr;
  gap: 40px;
  padding-bottom: 40px;
}
/* Logo intentionally removed from footer — brand is shown as text */
.lp-footer-brand .lp-logo,
.lp-footer-brand .site-logo { display: none !important; }
.lp-footer-brandname {
  font-family: 'Inter Tight', 'Inter', -apple-system, sans-serif;
  font-weight: 800;
  font-size: 18px;
  letter-spacing: -0.01em;
  color: var(--mif-text);
  margin: 0 0 8px;
}
.lp-footer-tagline {
  font-size: 12.5px;
  color: var(--mif-text-muted);
  margin: 0;
  line-height: 1.5;
}
.lp-footer-domain-note {
  font-size: 11.5px;
  color: var(--mif-text-muted);
  margin: 10px 0 0;
  max-width: 34ch;
  line-height: 1.5;
}
.lp-footer-domain-note code {
  background: rgba(255,255,255,0.05);
  border: 1px solid var(--mif-border);
  border-radius: 4px;
  padding: 1px 5px;
  font-family: 'JetBrains Mono', ui-monospace, Menlo, Consolas, monospace;
  font-size: 11.5px;
  overflow-wrap: anywhere;
}

.lp-footer-links {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.lp-footer-col h4 {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--mif-text-muted);
  margin: 0 0 14px;
}
.lp-footer-col a {
  display: block;
  font-size: 13px;
  color: var(--mif-text);
  text-decoration: none;
  margin-bottom: 10px;
  transition: color 0.15s;
  overflow-wrap: anywhere;
}
.lp-footer-col a:hover { color: var(--mif-accent); }
.lp-footer-operator {
  font-size: 13px;
  color: var(--mif-text-muted);
  line-height: 1.55;
  margin: 4px 0 0;
}

.lp-footer-bottom {
  max-width: 1440px;
  margin: 0 auto;
  border-top: 1px solid var(--mif-border);
  padding: 20px 0 28px;
  overflow-wrap: anywhere;
  word-break: normal;
}
.lp-footer-copy {
  font-size: 11px;
  color: var(--mif-text-muted);
  margin: 0 0 10px;
  line-height: 1.5;
}
.lp-footer .lp-disclaimer {
  font-size: 10.5px !important;
  color: rgba(176, 190, 197, 0.62) !important;
  line-height: 1.55 !important;
  max-width: 100% !important;
  margin: 0 0 8px !important;
  overflow-wrap: anywhere;
}
.lp-disclaimer a {
  color: var(--mif-accent);
  text-decoration: none;
  overflow-wrap: anywhere;
}
.lp-disclaimer a:hover { text-decoration: underline; }

/* Risk warning emphasised variant (capital-at-risk lead line) */
.lp-footer .lp-disclaimer-warn {
  font-size: 11px !important;
  color: rgba(243, 194, 122, 0.9) !important;
  border-left: 2px solid rgba(232, 156, 60, 0.55);
  padding-left: 10px;
  margin: 0 0 10px !important;
  max-width: 100% !important;
  line-height: 1.55 !important;
}
.lp-disclaimer-warn strong { color: #f3c27a; }

@media (max-width: 960px) {
  .lp-footer-inner { grid-template-columns: 1fr; gap: 32px; }
  .lp-footer-links { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .lp-footer { padding: 44px 18px 0; }
  .lp-footer-links { grid-template-columns: 1fr; }
  .lp-footer-bottom { padding: 20px 0 28px; }
}