/* Theme Name: Electrician Pro Description: Lead-gen block theme for electrical contractors. Client details come from factory_* options set by site-factory's new-site.sh. Version: 1.14.18 Requires at least: 6.5 Tested up to: 6.7 Requires PHP: 8.1 Text Domain: electrician */ /* Every brand-derived shade uses color-mix against --wp--preset--color--brand, which is overridden per client at runtime. Nothing here hardcodes a hue, so a client with an orange brand gets a coherent orange system, not blue with orange buttons. */ :root { --r-sm: 8px; --r: 12px; --r-lg: 16px; --tap: 44px; --measure: 68ch; /* Header height. Derived, not measured: .brand__logo (56px) plus the header's 0.85rem block padding, since the logo is the tallest thing in the bar. The mobile nav panel already offsets itself by this, and the full-bleed hero pads its content clear of it, so change the logo height and this has to follow. */ --header-h: 84px; --line: var(--wp--preset--color--line); --line-strong: #CBD3E0; /* Restrained elevation. Depth reads as considered; heavy shadow reads cheap. */ --sh-1: 0 1px 2px rgba(11, 18, 32, .05); --sh-2: 0 4px 12px -2px rgba(11, 18, 32, .08), 0 2px 4px -2px rgba(11, 18, 32, .04); --sh-3: 0 18px 40px -12px rgba(11, 18, 32, .18), 0 4px 10px -4px rgba(11, 18, 32, .07); --brand: var(--wp--preset--color--brand); --accent: var(--wp--preset--color--accent); --brand-hi: color-mix(in srgb, var(--brand) 88%, black); --brand-lo: color-mix(in srgb, var(--brand) 8%, white); --brand-ring: color-mix(in srgb, var(--brand) 35%, transparent); --ease: cubic-bezier(.2, .7, .3, 1); --z-header: 30; --z-mega: 35; --z-callbar: 40; --z-chat: 42; --z-cookie: 45; } *, *::before, *::after { box-sizing: border-box; } body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } body.nav-locked { overflow: hidden; } /* theme.json's root padding lands on , which insets every section by 20px, so no coloured band ever reached the screen edge and the hero photo ran with a strip of page background down both sides. The gutter belongs to the sections, not the page. `html body` rather than `body` so this wins on specificity regardless of where global styles land in the cascade. The content axis is unchanged: each section's children still hit their 1180px max-width with auto margins, just measured against the full viewport minus this padding instead of the body's. */ html body { padding-inline: 0; } .wp-site-blocks > *, .wp-site-blocks > .wp-block-template-part > * { padding-inline: 1.25rem; } /* Template parts wrap the real
/