/*
Theme Name: DARK (Hello Elementor child)
Theme URI: https://darkplumbing.com.au/
Description: Child theme of Hello Elementor for DARK Plumbing & Gas. Pages are built in Elementor; this theme only carries the base typography, the 404 page and a few Hello Elementor adjustments. The component styles come from the DARK Site Essentials plugin.
Author: DARK Plumbing & Gas
Template: hello-elementor
Version: 1.0.2
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: hello-elementor-child
*/

/* Base type (Elementor Site Settings also set Archivo; this is the fallback). */
body { font-family: "Archivo", system-ui, sans-serif; color: #2e2d33; }
h1, h2, h3, h4, h5, h6 { font-family: "Archivo", system-ui, sans-serif; color: #14141b; }

/* Hello Elementor wraps page content in a boxed .site-main; Elementor pages want the full width. */
.elementor-page .site-main, .elementor-default .site-main { padding: 0; max-width: none; }
.page-header .entry-title { display: none; } /* Elementor "hide title" fallback */

/* Keep the sticky header above Elementor's own stacking contexts. */
.hfe-header, .ehf-header #masthead { position: relative; z-index: 100; }

/* ————— 404 (404.php) ————— */
.site-main.dark-404 { max-width: none; padding: 0; margin: 0; width: 100%; }
.dark-404-head { background: #14141b; color: #fff; padding: clamp(32px, 6vw, 72px) 24px clamp(56px, 8vw, 96px); }
.dark-404-head .wrap, .dark-404-body .wrap { max-width: 1320px; margin-inline: auto; }
.dark-404-head h1 { color: #fff; font-stretch: 125%; font-variation-settings: "wdth" 125; font-weight: 860; font-size: clamp(2rem, 5vw, 3.6rem); line-height: 1.04; margin: 0.4rem 0 0; }
.dark-404-head .lead { color: rgba(255,255,255,0.84); max-width: 62ch; margin-top: 1.1rem; }
.dark-404-head .svc-cta { display: flex; flex-wrap: wrap; gap: 0.9rem; margin-top: 2rem; }
.dark-404-body { background: #f5f3ed; padding: clamp(48px, 7vw, 88px) 24px; }
.dark-404-body h2 { font-stretch: 125%; font-variation-settings: "wdth" 125; font-weight: 860; font-size: clamp(1.5rem, 2.8vw, 2.2rem); margin: 0; }