/*
Theme Name: Hello Elementor Child
Theme URI: https://bahaema.com/
Description: قالب فرزند Hello Elementor با قابلیت شخصی‌سازی پیشرفته، طراحی شده برای Elementor Pro. 
Provides speed, flexibility, and clean structure for professional websites.
Author: Bahaedin Banitaba
Author URI: https://bahaema.com/
Template: hello-elementor
Version: 2.1.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: elementor, child-theme, responsive, rtl, translation-ready, minimal
*/

body {
    line-height: 1;
    background-color: #f7f7f7;
}

.site-header {
	background: #3e524b;
	color: #fff;
	position: sticky;
	top: 0;
	z-index: 999;
}

.header-inner {
	max-width: 100%;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 18px 24px;
}

.site-logo img {
	max-height: 42px;
}

.main-nav .menu {
	display: flex;
	gap: 28px;
	list-style: none;
}

.main-nav a {
	color: #fff;
	font-weight: 500;
	text-decoration: none;
	position: relative;
}

.main-nav a::after {
	content: '';
	position: absolute;
	bottom: -6px;
	left: 0;
	width: 0;
	height: 2px;
	background: #9fd1b2;
	transition: 0.3s;
}

.main-nav a:hover::after {
	width: 100%;
}

.header-actions {
	display: flex;
	align-items: center;
	gap: 20px;
}

.btn-contact {
	border: 1px solid #fff;
	padding: 10px 18px;
	border-radius: 4px;
	color: #fff;
	text-decoration: none;
}

.mobile-toggle {
	display: none;
	background: none;
	border: none;
	cursor: pointer;
}

.mobile-toggle span {
	display: block;
	width: 22px;
	height: 2px;
	background: #fff;
	margin: 5px 0;
}

/* Mobile */
@media (max-width: 992px) {
	.main-nav {
		display: none;
	}

	.mobile-toggle {
		display: block;
	}

	.mobile-menu {
		display: none;
		background: #2f403a;
	}

	.mobile-menu.active {
		display: block;
	}

	.mobile-nav {
		list-style: none;
		padding: 20px;
	}

	.mobile-nav li {
		margin-bottom: 14px;
	}

	.mobile-nav a {
		color: #fff;
		text-decoration: none;
	}
}