/* ═══════════════════════════════════════════════════════════
   TRADEPRESS V2.0 — layout.css
   ITCSS Layer 2: Page-level structure (header, main, footer)
   ═══════════════════════════════════════════════════════════ */

/* ── Header ── */
.site-header {
  position: sticky;
  top: 0;
  z-index: 1030;
  background: rgba(5,8,20,0.88);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid var(--tp-border);
}

/* ── Main ── */
.site-main { flex-grow: 1; }

/* ── Footer ── */
.site-footer {
  margin-top: auto;
  background: rgba(5,8,20,0.7);
  border-top: 1px solid var(--tp-border);
  padding: var(--tp-pad-2xl) 0 var(--tp-pad-lg);
}

/* ── Section Helpers ── */
.section-title { font-size: 1.6rem; font-weight: 700; letter-spacing: -.5px; }
.section-sub { color: var(--tp-text-dim); font-size: .95rem; }
.section-sub--centered { max-width: 640px; margin: 0 auto; }