/*
Theme Name:   Elite Electrician Child
Theme URI:    https://example.com/
Description:  Child theme of Hello Elementor, recreating the "Elite Electrician" one-pager
              design (https://wp-themes.com/elite-electrician/) for use with Elementor.
Author:       Your Name
Author URI:   https://example.com/
Template:     hello-elementor
Version:      1.0.0
Text Domain:  elite-electrician-child
*/

/* ==========================================================================
   Brand palette (approximate match to the reference design)
   ========================================================================== */


:root {
	--eec-navy: #111111;
	--eec-dark-blue: #0b1f3a;
	--eec-accent: #f5a623;
	--eec-light-bg: #f5f5f5;
	--eec-text: #2b2b2b;
}

body {
	color: var(--eec-text);
}

/* Buttons — rounded, accent-colored call-to-action style */
.elementor-button {
	background-color: var(--eec-accent) !important;
	color: #111111 !important;
	border-radius: 4px !important;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 14px 32px !important;
	transition: opacity 0.2s ease-in-out;
}

.elementor-button:hover {
	opacity: 0.85;
	color: #111111 !important;
}

/* Hero section overlay so light-colored text stays readable over photos */
.eec-hero,
.elementor-section.eec-hero {
	position: relative;
}

.eec-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(11,31,58,0.75), rgba(11,31,58,0.55));
	z-index: 0;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
	color: var(--eec-dark-blue);
}

/* Footer text color (footer section background is dark) */
.elementor-section[data-id] .elementor-widget-heading h1,
.elementor-section[data-id] .elementor-widget-heading h2,
.elementor-section[data-id] .elementor-widget-heading h3,
.elementor-section[data-id] .elementor-widget-heading h4,
.elementor-section[data-id] .elementor-widget-heading h5 {
	color: inherit;
}

/* Icon list checkmarks */
.elementor-icon-list-icon i {
	color: var(--eec-accent);
}

@media (max-width: 767px) {
	.elementor-button {
		width: 100%;
		text-align: center;
	}
}