/* ==========================================================================
   صفحة «طلب الخدمة» — نفس هوية القالب البرتقالية.
   النص الأبيض فقط على #c2410c (5.18:1) وما أغمق.
   ========================================================================== */
.sr-page {
	--sr-orange: #f97316;
	--sr-ink: #c2410c;
	--sr-deep: #9a3412;
	--sr-green: #25863c;
	--sr-title: var(--titlecolor, #011e12);
	--sr-text: var(--textcolor, #0b2239);
	--sr-muted: var(--contentcolor, #455b6c);
	--sr-line: var(--border, #d7d9df);
	--sr-shadow: var(--box-shadow, 0 20px 60px 0px rgba(59, 42, 130, .06));
	--sr-r: var(--miniradius, 20px);
	--sr-r-lg: var(--largeradius, 30px);
	--sr-t: var(--transition, all 0.2s ease);
	font-family: var(--ffamily, Alexandria), system-ui, sans-serif;
	color: var(--sr-text);
	background: #fff8f3;
	padding-bottom: 56px;
}
.sr-page *, .sr-page *::before, .sr-page *::after { box-sizing: border-box; }
.sr-page h1, .sr-page h2, .sr-page p { margin: 0; }

/* الرأس */
.sr-hero {
	position: relative;
	overflow: hidden;
	padding: 34px 0 96px;
	background: linear-gradient(135deg, var(--sr-ink) 0%, var(--sr-deep) 100%);
	color: #fff;
	text-align: center;
}
.sr-hero::after {
	content: "";
	position: absolute;
	width: 420px; height: 420px;
	border-radius: 50%;
	inset-inline-start: -140px; top: -210px;
	background: rgba(255, 255, 255, .07);
}
.sr-hero .container { position: relative; z-index: 1; }
.sr-breadcrumb { display: flex; justify-content: center; margin-bottom: 16px; }
.sr-breadcrumb, .sr-breadcrumb a, .sr-breadcrumb span, .sr-breadcrumb i { color: rgba(255, 255, 255, .92) !important; }
.sr-hero h1 {
	font-size: 34px; font-weight: 800; line-height: 1.4;
	color: #fff;
}
.sr-steps {
	list-style: none; margin: 22px 0 0; padding: 0;
	display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;
}
.sr-steps li {
	display: inline-flex; align-items: center; gap: 9px;
	padding: 8px 16px 8px 18px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .14);
	border: 1px solid rgba(255, 255, 255, .22);
	font-size: 14px; font-weight: 600;
	color: #fff;
}
.sr-num {
	width: 24px; height: 24px; flex: none;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 50%;
	background: #fff; color: var(--sr-ink);
	font-size: 13px; font-weight: 800;
}

/* الشبكة */
.sr-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
	gap: 20px;
	margin-top: -64px;
	position: relative;
	z-index: 2;
	align-items: start;
}
.sr-card {
	background: #fff;
	border: 1px solid var(--sr-line);
	border-radius: var(--sr-r-lg);
	box-shadow: var(--sr-shadow);
	padding: 28px;
}
.sr-card h2 {
	display: flex; align-items: center; gap: 9px;
	font-size: 20px; font-weight: 800; line-height: 1.4;
	color: var(--sr-title);
	margin-bottom: 6px !important;
}
.sr-card h2 i { color: var(--sr-ink); font-size: 18px; }
.sr-hint { font-size: 13.5px; color: var(--sr-muted); margin-bottom: 20px !important; }
.sr-hint span { color: var(--sr-ink); font-weight: 700; }

/* الحقول */
.sr-form .form-contact { position: relative; }
.sr-form .form-contact form { display: block; margin: 0; padding: 0; background: none; box-shadow: none; }
.sr-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.sr-field { display: block; margin-bottom: 14px; }
.sr-field > span {
	display: block;
	font-size: 13.5px; font-weight: 700;
	color: var(--sr-text);
	margin-bottom: 7px;
}
.sr-field em { color: var(--sr-ink); font-style: normal; }
.sr-page .sr-field input,
.sr-page .sr-field select,
.sr-page .sr-field textarea {
	display: block;
	width: 100%;
	min-height: 48px;
	padding: 12px 15px;
	margin: 0;
	font-family: inherit;
	font-size: 15px;
	color: var(--sr-text);
	background: #fffaf6;
	border: 1.5px solid var(--sr-line);
	border-radius: 12px;
	transition: var(--sr-t);
	box-shadow: none;
}
.sr-page .sr-field textarea { min-height: 112px; resize: vertical; line-height: 1.8; }
.sr-page .sr-field select { cursor: pointer; }
.sr-page .sr-field input:focus,
.sr-page .sr-field select:focus,
.sr-page .sr-field textarea:focus {
	outline: none;
	border-color: var(--sr-orange);
	background: #fff;
	box-shadow: 0 0 0 4px rgba(249, 115, 22, .15);
}
.sr-page .sr-field input::placeholder,
.sr-page .sr-field textarea::placeholder { color: #a0a9b4; }

/* الأزرار */
.sr-btn {
	display: flex; align-items: center; justify-content: center; gap: 10px;
	width: 100%;
	min-height: 52px;
	padding: 0 22px;
	border: 0;
	border-radius: 12px;
	font-family: inherit;
	font-size: 16px; font-weight: 800;
	text-decoration: none;
	cursor: pointer;
	transition: var(--sr-t);
}
.sr-btn svg { width: 20px; height: 20px; fill: currentColor; flex: none; }
.sr-btn--primary {
	background: linear-gradient(135deg, var(--sr-ink), var(--sr-deep));
	color: #fff;
	box-shadow: 0 12px 26px rgba(154, 52, 18, .28);
}
.sr-btn--primary:hover { transform: translateY(-2px); box-shadow: 0 16px 30px rgba(154, 52, 18, .34); }
.sr-btn--wa {
	margin-top: 12px;
	background: #fff;
	color: var(--sr-green) !important;
	border: 1.5px solid #cfe9d6;
}
.sr-btn--wa:hover { background: #f1faf3; }
.sr-btn:focus-visible { outline: 3px solid var(--sr-orange); outline-offset: 3px; }

/* رسالة نظام الطلبات بعد الإرسال: داخل البطاقة بدل النافذة العائمة */
.sr-form .success {
	position: static;
	width: auto;
	height: auto;
	margin-top: 14px;
	padding: 14px 18px;
	background: #e9f6ee;
	border-radius: 14px;
	box-shadow: none;
	justify-content: flex-start;
	gap: 10px;
}
.sr-form .success p { color: #1f6f32; font-weight: 700; height: auto; }
.sr-form .success.success--error { background: #fdecea; }
.sr-form .success.success--error p { color: #b3261e; }
.sr-form .success #Close { position: static; order: 2; margin-inline-start: auto; cursor: pointer; }

/* التواصل المباشر */
.sr-side { display: flex; flex-direction: column; gap: 20px; }
.sr-contact h2 { margin-bottom: 14px !important; }
.sr-line {
	display: flex; align-items: center; gap: 12px;
	padding: 12px 0;
	border-top: 1px solid #f1e6dc;
	color: var(--sr-text);
	text-decoration: none;
	transition: var(--sr-t);
}
.sr-line:first-of-type { border-top: 0; }
a.sr-line:hover b { color: var(--sr-ink); }
.sr-ico {
	width: 44px; height: 44px; flex: none;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 13px;
	background: #fff1e6;
	color: var(--sr-ink);
	font-size: 17px;
}
.sr-ico svg { width: 18px; height: 18px; fill: currentColor; }
.sr-ico--wa { background: #e9f6ee; color: var(--sr-green); }
.sr-line small { display: block; font-size: 12.5px; color: var(--sr-muted); }
.sr-line b { display: block; font-size: 15.5px; font-weight: 800; color: var(--sr-title); word-break: break-word; }
.sr-hours ul { list-style: none; margin: 10px 0 0; padding: 0; }
.sr-hours li {
	padding: 10px 0;
	border-top: 1px dashed #f1e6dc;
	font-size: 14.5px; font-weight: 600;
	color: var(--sr-text);
}
.sr-hours li:first-child { border-top: 0; }

.sr-content { margin-top: 20px; }

/* الاستجابة */
@media (max-width: 960px) {
	.sr-grid { grid-template-columns: 1fr; }
	.sr-hero h1 { font-size: 28px; }
}
@media (max-width: 600px) {
	.sr-hero { padding: 24px 0 84px; }
	.sr-hero h1 { font-size: 24px; }
	.sr-steps { flex-direction: column; align-items: stretch; }
	.sr-steps li { justify-content: flex-start; }
	.sr-row { grid-template-columns: 1fr; gap: 0; }
	.sr-card { padding: 20px 16px; border-radius: var(--sr-r); }
}
@media (prefers-reduced-motion: reduce) {
	.sr-page * { transition-duration: .01ms !important; }
	.sr-btn--primary:hover { transform: none; }
}