/*
 * Dallas Media Company — shared brand tokens + base styles.
 *
 * Enqueued on the front end and in the editor. Defines the CSS custom
 * properties used throughout the ported markup (header, footer, and the
 * per-page content migrated from the original site).
 */

:root {
  --navy: #040d1a;
  --navy2: #071428;
  --blue: #1a4b8c;
  --blue-mid: #1e5fbf;
  --blue-bright: #2e7de6;
  --cyan: #00d4ff;
  --gold: #e8a825;
  --white: #f0f4ff;
  --gray: #8899bb;
  --card-bg: #071428cc;
  /* Fixed navbar height + the single, consistent gap between the navbar and the
     first content section on every page. Change --dmc-top in one place to retune
     the top whitespace site-wide. */
  --dmc-nav-h: 68px;
  --dmc-top: 96px;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'DM Sans', sans-serif;
  background: var(--navy);
  color: var(--white);
  overflow-x: hidden;
}

/* Brand typography defaults for migrated content. */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  line-height: 1.05;
}

/* Keep the fixed navbar from overlapping page content. */
.wp-site-blocks > main,
.wp-site-blocks > .wp-block-group {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Full-bleed sections sit flush — no gap (body background) between sections.
   Covers page content (post-content) AND block-template sections that sit
   directly under <main> (single-event, single-portfolio, etc.). */
.wp-block-post-content > .alignfull,
main > .wp-block-post-content > *,
.wp-site-blocks main > .alignfull,
.wp-site-blocks main > .wp-block-query {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* ── Consistent top whitespace below the fixed navbar, every page ──
   The first content section on a page gets a single, uniform top offset
   (var --dmc-top), so the gap under the navbar is identical site-wide and
   any new page inherits it automatically. Immersive full-height heroes and
   the full-bleed portfolio image lead are intentionally excluded — they
   fill the viewport and manage their own top spacing. */
.wp-site-blocks main > .wp-block-post-content > *:first-child:not(.hero-section):not(.sv-hero):not(.svc-hero):not(.ind-hero):not(.loc-hero),
.wp-site-blocks main > .alignfull:first-child:not(.hero-section):not(.sv-hero):not(.svc-hero):not(.ind-hero):not(.loc-hero):not(.pf-media),
.wp-site-blocks main > .wp-block-query:first-child {
  padding-top: var(--dmc-top) !important;
}

@media (max-width: 1100px) {
  :root { --dmc-top: 84px; }
}