/*
Theme Name: Elevate Pest Control
Theme URI: https://example.com/elevate-pest-theme
Author: Elevate Pest Theme
Author URI: https://example.com
Description: A professional, Elementor-ready WordPress theme for pest control and service businesses. Works with any WordPress site and Elementor page builder out of the box. Easy to install and customize.
Version: 1.0.0
Requires at least: 5.9
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: elevate-pest-theme
Tags: custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, elementor, one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-background

Elevate Pest Control - Professional pest control theme. Elementor compatible.
*/

/* ==========================================================================
   Design tokens (match original template)
   ========================================================================== */
:root {
	--color-primary: #2D5F3F;
	--color-primary-rgb: 45, 95, 63;
	--color-secondary: #D4AF37;
	--color-secondary-rgb: 212, 175, 55;
	--color-accent: #3A7D5C;
	--color-accent-rgb: 58, 125, 92;
	--font-primary: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
	--container-max: 80rem;
	--transition-default: 0.3s ease;
}

/* ==========================================================================
   Base
   ========================================================================== */
*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	font-family: var(--font-primary);
	background: linear-gradient(to bottom right, #f9fafb, #f3f4f6);
	color: #374151;
	line-height: 1.6;
	margin: 0;
	padding: 0;
}

::-webkit-scrollbar {
	display: none;
}

body.hide-scrollbar {
	scrollbar-width: none;
}

/* ==========================================================================
   Layout - Elementor content area
   ========================================================================== */
.site-main {
	min-height: 40vh;
}

.elevate-page-content {
	max-width: var(--container-max);
	margin-left: auto;
	margin-right: auto;
	padding-left: 2rem;
	padding-right: 2rem;
}

/* ==========================================================================
   Utility classes for theme
   ========================================================================== */
.elevate-btn-primary {
	background: var(--color-primary);
	color: #fff !important;
	padding: 0.75rem 1.5rem;
	border-radius: 9999px;
	font-weight: 600;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	transition: background var(--transition-default), transform var(--transition-default);
	border: none;
	cursor: pointer;
}

.elevate-btn-primary:hover {
	background: var(--color-accent);
	color: #fff !important;
	transform: translateY(-1px);
}

.elevate-btn-secondary {
	background: linear-gradient(to right, var(--color-secondary), #eab308);
	color: #fff !important;
	padding: 0.75rem 1.5rem;
	border-radius: 9999px;
	font-weight: 700;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	transition: transform var(--transition-default), box-shadow var(--transition-default);
	border: none;
	cursor: pointer;
}

.elevate-btn-secondary:hover {
	color: #fff !important;
	transform: scale(1.05);
	box-shadow: 0 10px 40px rgba(var(--color-secondary-rgb), 0.5);
}

/* ==========================================================================
   Elementor compatibility
   ========================================================================== */
.elementor-page .site-header,
.elementor-page .site-footer {
	position: relative;
}

.elementor-section.elementor-section-boxed > .elementor-container {
	max-width: var(--container-max);
}

/* Ensure theme colors available to Elementor */
.elementor-widget-heading .elementor-heading-title { font-family: var(--font-primary); }
.elementor-button.elementor-size-md { border-radius: 9999px; }
