/**
 * تکمیل استایل سکشن‌ها — غلبه بر تم و Elementor
 * Scope: .sms-careers-wrap برای specificity بالا
 */

/* ── Hero: بدون breakout افقی ── */
.sms-careers-wrap #sms-hero-master-v9 {
	width: 100% !important;
	max-width: 100% !important;
	right: auto !important;
	left: auto !important;
	transform: none !important;
	margin: 0 !important;
}

/* ── Gallery ── */
.sms-careers-wrap #sms-gallery-flawless-v11 {
	overflow-x: clip !important;
	overflow-y: visible !important;
}
.sms-careers-wrap .rb11-marquee-wrapper {
	display: flex !important;
	width: 100% !important;
	overflow: hidden !important;
}
.sms-careers-wrap .rb11-track-slide {
	display: flex !important;
	flex-wrap: nowrap !important;
	width: max-content !important;
}
.sms-careers-wrap .rb11-item {
	display: block !important;
	flex: 0 0 240px !important;
}

.sms-careers-wrap .b8-ambient-halo {
	display: none !important;
}
@media (min-width: 992px) {
	.sms-careers-wrap #sms-benefits-neo-v8::before {
		content: '' !important;
		position: absolute !important;
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
		width: min(1100px, 85vw) !important;
		height: 420px !important;
		background: radial-gradient(ellipse at center, rgba(255, 190, 0, 0.42) 0%, rgba(255, 190, 0, 0.18) 32%, rgba(255, 190, 0, 0.06) 55%, rgba(255, 190, 0, 0) 78%) !important;
		pointer-events: none !important;
		z-index: 0 !important;
		filter: blur(8px) !important;
	}
	.sms-careers-wrap .b8-ambient-halo {
		display: block !important;
		position: absolute !important;
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
		width: min(900px, 72vw) !important;
		height: 320px !important;
		background: radial-gradient(ellipse at center, rgba(255, 190, 0, 0.55) 0%, rgba(255, 190, 0, 0.22) 35%, rgba(255, 190, 0, 0) 70%) !important;
		filter: blur(4px) !important;
		pointer-events: none !important;
		z-index: 1 !important;
	}
}

.sms-careers-wrap .jb-tag svg {
	width: 14px !important;
	height: 14px !important;
	flex-shrink: 0 !important;
}

/* ── سکشن‌ها: overflow فقط افقی، نه برش محتوا ── */
.sms-careers-wrap #sms-modern-values-v3,
.sms-careers-wrap #sms-benefits-neo-v8,
.sms-careers-wrap #sms-hiring-process-v12,
.sms-careers-wrap #sms-gallery-flawless-v11,
.sms-careers-wrap #sms-jobs-v1,
.sms-careers-wrap #sms-hr-contact-v2,
.sms-careers-wrap #sms-faq-v2 {
	overflow-x: clip !important;
	overflow-y: visible !important;
}

.sms-careers-wrap .v3-container,
.sms-careers-wrap .b8-container,
.sms-careers-wrap .hp12-container,
.sms-careers-wrap .rb11-container,
.sms-careers-wrap .jb-container,
.sms-careers-wrap .hr-container,
.sms-careers-wrap .fq-container {
	max-width: 1200px !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 1.5rem !important;
	padding-right: 1.5rem !important;
	box-sizing: border-box !important;
}

/* ── VALUES ── */
.sms-careers-wrap .v3-header {
	margin-bottom: 5rem !important;
	display: flex !important;
	align-items: center !important;
	gap: 1rem !important;
}
.sms-careers-wrap .v3-header-line {
	height: 4px !important;
	width: 32px !important;
	background-color: #ffbe00 !important;
	border-radius: 4px !important;
}
.sms-careers-wrap .v3-title {
	font-size: 34px !important;
	font-variation-settings: "wght" 900 !important;
	color: #0f172a !important;
	letter-spacing: -1px !important;
}
.sms-careers-wrap .v3-grid {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	border-bottom: 1px solid #e2e8f0 !important;
}
.sms-careers-wrap .v3-cell {
	position: relative !important;
	padding: 4.5rem 3.5rem !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	overflow: hidden !important;
}
.sms-careers-wrap .v3-cell:nth-child(1) {
	border-left: 1px solid #e2e8f0 !important;
	border-bottom: 1px solid #e2e8f0 !important;
}
.sms-careers-wrap .v3-cell:nth-child(2) {
	border-bottom: 1px solid #e2e8f0 !important;
}
.sms-careers-wrap .v3-cell:nth-child(3) {
	border-left: 1px solid #e2e8f0 !important;
}
.sms-careers-wrap .v3-watermark {
	position: absolute !important;
	top: 2rem !important;
	right: 2.5rem !important;
	font-size: 140px !important;
	font-variation-settings: "wght" 900 !important;
	color: #f1f5f9 !important;
	line-height: 1 !important;
	z-index: 0 !important;
}
.sms-careers-wrap .v3-icon-wrap {
	width: 64px !important;
	height: 64px !important;
	border-radius: 20px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin-bottom: 2.5rem !important;
	position: relative !important;
}
.sms-careers-wrap .v3-icon-wrap svg {
	width: 32px !important;
	height: 32px !important;
}
.sms-careers-wrap .v3-cell-title {
	font-size: 22px !important;
	font-variation-settings: "wght" 850 !important;
	color: #0f172a !important;
	margin-bottom: 1.2rem !important;
	display: flex !important;
	align-items: center !important;
}
.sms-careers-wrap .v3-cell-desc {
	font-size: 15.5px !important;
	color: #475569 !important;
	line-height: 2 !important;
	text-align: justify !important;
	max-width: 90% !important;
}

/* ── BENEFITS ── */
.sms-careers-wrap .b8-header {
	margin-bottom: 5rem !important;
	padding-right: 1.2rem !important;
	position: relative !important;
}
.sms-careers-wrap .b8-header::before {
	content: '' !important;
	position: absolute !important;
	right: 0 !important;
	top: 10% !important;
	height: 80% !important;
	width: 6px !important;
	background-color: #ffbe00 !important;
	border-radius: 6px !important;
}
.sms-careers-wrap .b8-title {
	font-size: 36px !important;
	font-variation-settings: "wght" 900 !important;
	color: #0f172a !important;
	letter-spacing: -1px !important;
	margin-bottom: 1rem !important;
}
.sms-careers-wrap .b8-subtitle {
	font-size: 16.5px !important;
	font-variation-settings: "wght" 500 !important;
	color: #64748b !important;
}
.sms-careers-wrap .b8-grid {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 1.5rem !important;
	width: 100% !important;
}
.sms-careers-wrap .b8-card {
	background: #ffffff !important;
	border: 1px solid #f1f5f9 !important;
	border-radius: 20px !important;
	padding: 2.2rem 1.5rem !important;
	text-align: right !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
	min-height: 200px !important;
	position: relative !important;
	overflow: hidden !important;
}
.sms-careers-wrap .b8-card::before {
	content: '' !important;
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 3px !important;
	background: #f1f5f9 !important;
}
.sms-careers-wrap .b8-icon-wrap {
	width: 52px !important;
	height: 52px !important;
	margin-bottom: 2rem !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}
.sms-careers-wrap .b8-icon-wrap svg {
	width: 100% !important;
	height: 100% !important;
}
.sms-careers-wrap .b8-tag {
	font-size: 11.5px !important;
	color: #0041ff !important;
	background: rgba(0, 65, 255, 0.06) !important;
	padding: 4px 10px !important;
	border-radius: 6px !important;
	display: inline-block !important;
	margin-bottom: 12px !important;
	font-variation-settings: "wght" 800 !important;
}
.sms-careers-wrap .b8-card-title {
	font-size: 18px !important;
	color: #0f172a !important;
	font-variation-settings: "wght" 850 !important;
	line-height: 1.4 !important;
}

/* ── TIMELINE / PROCESS (مسیر استخدام) ── */
.sms-careers-wrap #sms-hiring-process-v12,
.sms-careers-wrap #sms-hiring-process-v12 .hp12-container,
.sms-careers-wrap #sms-hiring-process-v12 .hp12-timeline {
	overflow: visible !important;
}

.sms-careers-wrap .hp12-header {
	margin-bottom: 6rem !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	text-align: center !important;
}
.sms-careers-wrap .hp12-header-line {
	height: 4px !important;
	width: 32px !important;
	background-color: #ffbe00 !important;
	border-radius: 4px !important;
	margin-bottom: 1.5rem !important;
}
.sms-careers-wrap .hp12-title {
	font-size: 36px !important;
	font-variation-settings: "wght" 900 !important;
	color: #0f172a !important;
	letter-spacing: -1px !important;
	margin-bottom: 0.5rem !important;
}

.sms-careers-wrap .hp12-timeline {
	display: flex !important;
	flex-direction: column !important;
	position: relative !important;
	width: 100% !important;
	direction: rtl !important;
}

.sms-careers-wrap .hp12-timeline::before {
	content: '' !important;
	position: absolute !important;
	top: 0 !important;
	bottom: 0 !important;
	right: 50% !important;
	width: 2px !important;
	background: #f1f5f9 !important;
	transform: translateX(50%) !important;
	z-index: 1 !important;
}

.sms-careers-wrap .hp12-timeline::after {
	content: '' !important;
	position: absolute !important;
	top: 0 !important;
	right: 50% !important;
	width: 2px !important;
	height: 0 !important;
	background: #ffbe00 !important;
	transform: translateX(50%) !important;
	z-index: 2 !important;
	transition: height 1.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.sms-careers-wrap .hp12-timeline:hover::after {
	height: 100% !important;
}

.sms-careers-wrap .hp12-step {
	width: 50% !important;
	max-width: 50% !important;
	flex-shrink: 0 !important;
	position: relative !important;
	padding: 1.5rem 3.5rem !important;
	z-index: 3 !important;
	box-sizing: border-box !important;
}

/* فردی‌ها سمت راست (RTL start) */
.sms-careers-wrap .hp12-step:nth-child(odd) {
	align-self: flex-start !important;
	text-align: right !important;
}

/* زوجی‌ها سمت چپ (RTL end) */
.sms-careers-wrap .hp12-step:nth-child(even) {
	align-self: flex-end !important;
	text-align: right !important;
}

.sms-careers-wrap .hp12-card {
	background: #ffffff !important;
	border: 1px solid #f1f5f9 !important;
	border-radius: 16px !important;
	padding: 2rem !important;
	position: relative !important;
	width: 100% !important;
	box-sizing: border-box !important;
	transition: all 0.4s ease !important;
}

.sms-careers-wrap .hp12-step:hover .hp12-card {
	border-color: #ffbe00 !important;
	box-shadow: 0 15px 35px rgba(255, 190, 0, 0.05) !important;
	transform: translateY(-5px) !important;
}

.sms-careers-wrap .hp12-node {
	position: absolute !important;
	top: 50% !important;
	width: 48px !important;
	height: 48px !important;
	background: #fdfdfd !important;
	border: 2px solid #e2e8f0 !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 18px !important;
	font-variation-settings: "wght" 800 !important;
	color: #94a3b8 !important;
	z-index: 4 !important;
	transition: all 0.4s ease !important;
}

.sms-careers-wrap .hp12-step:nth-child(odd) .hp12-node {
	left: 0 !important;
	right: auto !important;
	transform: translate(-50%, -50%) !important;
}

.sms-careers-wrap .hp12-step:nth-child(even) .hp12-node {
	right: 0 !important;
	left: auto !important;
	transform: translate(50%, -50%) !important;
}

.sms-careers-wrap .hp12-step:nth-child(odd):hover .hp12-node {
	background: #fff9e6 !important;
	border-color: #ffbe00 !important;
	color: #0f172a !important;
	transform: translate(-50%, -50%) scale(1.15) !important;
}

.sms-careers-wrap .hp12-step:nth-child(even):hover .hp12-node {
	background: #fff9e6 !important;
	border-color: #ffbe00 !important;
	color: #0f172a !important;
	transform: translate(50%, -50%) scale(1.15) !important;
}

.sms-careers-wrap .hp12-card-title {
	font-size: 18px !important;
	color: #0f172a !important;
	font-variation-settings: "wght" 850 !important;
	margin-bottom: 0.6rem !important;
}

.sms-careers-wrap .hp12-card-desc {
	font-size: 14px !important;
	color: #64748b !important;
	line-height: 2 !important;
}

/* ── Mobile timeline ── */
@media (max-width: 768px) {
	.sms-careers-wrap .hp12-step {
		width: 100% !important;
		max-width: 100% !important;
		padding: 1rem 1rem 1rem 1rem !important;
		padding-right: 64px !important;
		align-self: flex-start !important;
	}

	.sms-careers-wrap .hp12-timeline::before,
	.sms-careers-wrap .hp12-timeline::after {
		right: 24px !important;
		transform: none !important;
	}

	.sms-careers-wrap .hp12-step:nth-child(odd) .hp12-node,
	.sms-careers-wrap .hp12-step:nth-child(even) .hp12-node {
		right: 24px !important;
		left: auto !important;
		transform: translate(50%, -50%) !important;
		width: 40px !important;
		height: 40px !important;
		font-size: 15px !important;
	}

	.sms-careers-wrap .b8-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}

	.sms-careers-wrap .v3-grid {
		grid-template-columns: 1fr !important;
	}

	.sms-careers-wrap .v3-cell:nth-child(1),
	.sms-careers-wrap .v3-cell:nth-child(3) {
		border-left: none !important;
	}
}

@media (max-width: 1024px) {
	.sms-careers-wrap .b8-grid {
		grid-template-columns: repeat(3, 1fr) !important;
	}
}

/* ── JOBS ── */
.sms-careers-wrap .jb-grid {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	gap: 1.5rem !important;
	width: 100% !important;
}
.sms-careers-wrap .jb-card {
	background: #ffffff !important;
	border: 1px solid #f1f5f9 !important;
	border-radius: 20px !important;
	padding: 2rem !important;
	display: flex !important;
	flex-direction: column !important;
	color: inherit !important;
}
.sms-careers-wrap .jb-card-special {
	grid-column: span 2 !important;
	background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
	flex-direction: row !important;
	align-items: center !important;
}

/* ── HR & FAQ ── */
.sms-careers-wrap .hr-grid {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	gap: 1.5rem !important;
}
.sms-careers-wrap .hr-card {
	background: #ffffff !important;
	border: 1px solid #f1f5f9 !important;
	border-radius: 20px !important;
	padding: 2rem !important;
	display: flex !important;
	align-items: center !important;
	gap: 1.5rem !important;
	color: inherit !important;
}
.sms-careers-wrap .fq-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 1rem !important;
}
.sms-careers-wrap .fq-item {
	background: #ffffff !important;
	border: 1px solid #f1f5f9 !important;
	border-radius: 16px !important;
	overflow: hidden !important;
}

@media (max-width: 768px) {
	.sms-careers-wrap .jb-grid {
		grid-template-columns: 1fr !important;
	}
	.sms-careers-wrap .jb-card-special {
		grid-column: span 1 !important;
		flex-direction: column !important;
	}
	.sms-careers-wrap .hr-grid {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 480px) {
	.sms-careers-wrap .b8-grid {
		grid-template-columns: 1fr !important;
	}

	.sms-careers-wrap .b8-card {
		flex-direction: row !important;
		align-items: center !important;
		min-height: auto !important;
	}

	.sms-careers-wrap .b8-icon-wrap {
		margin-bottom: 0 !important;
		margin-left: 1.5rem !important;
	}
}