/* ===== Omdeh Core: فونت و استایل پایه ===== */
@font-face {
	font-family: "Vazirmatn";
	src: url("fonts/Vazirmatn-wght.woff2") format("woff2-variations"),
	     url("fonts/Vazirmatn-wght.woff2") format("woff2");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

:root {
	--om-turq: #0A8480;
	--om-turq-light: #3CC7BF;
	--om-turq-dark: #073F3D;
	--om-turq-bg: #EAF7F6;
	--om-red: #9E2B25;
	--om-gold: #C9A227;
	--om-cream: #EFE3C8;
}

body,
button,
input,
select,
textarea,
.elementor-widget,
#wpadminbar * {
	font-family: "Vazirmatn", Tahoma, sans-serif;
}

html { scroll-behavior: smooth; }
[id="products"], [id="why"], [id="process"], [id="contact"] { scroll-margin-top: 24px; }

/* ===== لندینگ ===== */
.om-header { border-bottom: 1px solid rgba(10, 132, 128, .12); }

.om-logo { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: #16211F; }
.om-logo svg { width: 38px; height: 38px; flex: none; }
.om-logo span { font-size: 22px; font-weight: 800; line-height: 1.1; }
.om-logo b { color: var(--om-turq); font-weight: 800; }
.om-logo small { display: block; font-size: 12px; font-weight: 500; color: #5B6B68; }

.om-nav { display: flex; gap: 28px; justify-content: center; }
.om-nav a { color: #33413F; text-decoration: none; font-weight: 500; transition: color .2s; }
.om-nav a:hover { color: var(--om-turq); }

.om-hero {
	background-color: var(--om-turq-dark);
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.07' stroke-width='1.2'%3E%3Crect x='19' y='19' width='26' height='26'/%3E%3Crect x='19' y='19' width='26' height='26' transform='rotate(45 32 32)'/%3E%3Cpath d='M0 0L13 13M64 0L51 13M0 64L13 51M64 64L51 51'/%3E%3C/g%3E%3C/svg%3E"),
		radial-gradient(circle at 20% 30%, rgba(60, 199, 191, .35), transparent 55%),
		linear-gradient(135deg, #073F3D 0%, #0A5E5B 55%, #0A8480 100%);
	overflow: hidden;
}

.om-badge {
	display: inline-block;
	padding: 6px 16px;
	border-radius: 999px;
	background: rgba(60, 199, 191, .18);
	border: 1px solid rgba(60, 199, 191, .45);
	color: #BDEFEB;
	font-size: 14px;
	font-weight: 500;
}

.om-checks { display: flex; flex-wrap: wrap; gap: 10px 22px; margin: 0; padding: 0; list-style: none; }
.om-checks li { color: #D4F1EE; font-size: 15px; }
.om-checks li::before { content: "✓"; color: var(--om-gold); font-weight: 800; margin-left: 6px; }

.om-rug { display: flex; justify-content: center; }
.om-rug svg {
	width: 100%;
	max-width: 360px;
	height: auto;
	transform: rotate(-4deg);
	filter: drop-shadow(0 30px 40px rgba(0, 0, 0, .35));
	transition: transform .5s ease;
}
.om-rug svg:hover { transform: rotate(0deg) scale(1.02); }

.om-carpet-border {
	min-height: 22px;
	background-color: var(--om-turq-dark);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='22' viewBox='0 0 24 22'%3E%3Cpath d='M12 2L21 11L12 20L3 11Z' fill='%23C9A227'/%3E%3Cpath d='M12 7L16 11L12 15L8 11Z' fill='%239E2B25'/%3E%3Ccircle cx='0' cy='11' r='2' fill='%233CC7BF'/%3E%3Ccircle cx='24' cy='11' r='2' fill='%233CC7BF'/%3E%3C/svg%3E");
	background-repeat: repeat-x;
	background-position: center;
	box-shadow: inset 0 2px 0 var(--om-gold), inset 0 -2px 0 var(--om-gold);
}

.om-stat { text-align: center; }

.om-card {
	transition: transform .25s ease, box-shadow .25s ease;
}
.om-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 18px 40px rgba(7, 63, 61, .14) !important;
}

.om-step-num .elementor-heading-title {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: var(--om-turq-bg);
	border: 2px dashed var(--om-turq);
}

.om-cta {
	background-color: var(--om-turq);
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.10' stroke-width='1.2'%3E%3Crect x='19' y='19' width='26' height='26'/%3E%3Crect x='19' y='19' width='26' height='26' transform='rotate(45 32 32)'/%3E%3C/g%3E%3C/svg%3E"),
		linear-gradient(135deg, #0A8480 0%, #0A5E5B 100%);
}

.om-contact-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 32px; margin: 0; padding: 0; list-style: none; }
.om-contact-list li { color: #D4F1EE; }
.om-contact-list strong { color: #fff; }

.om-footer a { color: var(--om-turq-light); text-decoration: none; }

@media (max-width: 767px) {
	.om-rug svg { max-width: 260px; }
	.om-nav { display: none; }
}