/* Page Pulse utility classes — apply via Elementor → Advanced → CSS Classes.
   Enqueued site-wide (it's tiny); safe on any element. */

/* Faint graph-paper grid from the brand cover. Layers on top of the
   element's own background COLOR (set the section background to classic
   color #0f1320 and leave background image empty — this supplies it). */
.ppee-hero-grid {
	background-image:
		repeating-linear-gradient(0deg,  transparent 0, transparent 31px, rgba(255, 255, 255, 0.035) 31px, rgba(255, 255, 255, 0.035) 32px),
		repeating-linear-gradient(90deg, transparent 0, transparent 31px, rgba(255, 255, 255, 0.035) 31px, rgba(255, 255, 255, 0.035) 32px);
}

/* Same grid for light sections (ink lines on soft/white backgrounds). */
.ppee-hero-grid--light {
	background-image:
		repeating-linear-gradient(0deg,  transparent 0, transparent 31px, rgba(15, 19, 32, 0.04) 31px, rgba(15, 19, 32, 0.04) 32px),
		repeating-linear-gradient(90deg, transparent 0, transparent 31px, rgba(15, 19, 32, 0.04) 31px, rgba(15, 19, 32, 0.04) 32px);
}

/* ── Dark-page background ────────────────────────────────────────────────
   Added automatically when the page's selected header template has "Dark"
   in its title (see includes/header-templates.php). Gives dark-hero pages
   the BG Soft canvas without setting a background per page. !important
   beats both the Elementor kit body background and per-page backgrounds. */
body.ppee-dark-page {
	background-color: #f7f8fa !important;
}