Fix header overlapping content at mobile breakpoints

In the SM (≤767px) and XS (≤479px) media queries, .lt-container { padding } shorthand appeared after .lt-main { padding-top } with equal specificity, causing the shorthand to clobber the header-clearance padding-top. Swap order so .lt-main always wins. Also remove redundant lt-scanlines div — body::before in base.css already renders the scanline overlay globally. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-01 17:19:22 -04:00
parent 4150e1ced3
commit e91709798b
2 changed files with 4 additions and 7 deletions
@@ -56,9 +56,6 @@ $_lt_assetVer  = $GLOBALS['config']['ASSET_VERSION'] ?? '20260329';
  </script>
 </head>
 <body>
-  <!-- Scanlines overlay — dedicated div avoids conflict with body::before/::after pseudo-elements -->
-  <div class="lt-scanlines" aria-hidden="true" style="position:fixed;inset:0;pointer-events:none;z-index:9998"></div>
-
  <!-- SKIP LINK -->
  <a class="lt-skip-link" href="#main-content">Skip to main content</a>