/* ==========================================================
   پالت رنگی سایت: قرمز + سفید + سرمه‌ای
   برای تغییر رنگ‌ها فقط همین چند متغیر را ویرایش کنید.
   ========================================================== */
:root {
	--wdc-navy: #16213e;
	--wdc-navy-dark: #0d152b;
	--wdc-navy-tint: #eef0f6;
	--wdc-red: #c0392b;
	--wdc-red-dark: #9c2c20;
	--wdc-red-tint: #fdecea;
	--wdc-white: #ffffff;
	--wdc-border: #e2e5ee;
	--wdc-text: #1c1f26;
	--wdc-muted: #6b7280;
}

.wdc-calculator, .wdc-status-page, .wdc-price-list, .wdc-my-orders {
	direction: rtl; text-align: right; font-family: Tahoma, Vazir, sans-serif;
	color: var(--wdc-text); background: var(--wdc-white);
}
.wdc-calculator, .wdc-status-page { max-width: 720px; margin: 0 auto; }

.wdc-group { margin-bottom: 26px; }
.wdc-group h3,
.wdc-price-group h3 {
	font-size: 17px; margin-bottom: 10px; color: var(--wdc-navy);
	border-right: 4px solid var(--wdc-red); padding-right: 10px;
}

.wdc-option {
	display: flex; align-items: center; gap: 10px; padding: 12px 14px;
	border: 1px solid var(--wdc-border); border-radius: 8px; margin-bottom: 8px;
	cursor: pointer; transition: 0.15s; background: var(--wdc-white);
}
.wdc-option:hover { border-color: var(--wdc-red); background: var(--wdc-red-tint); }
.wdc-option:has(input:checked) { border-color: var(--wdc-navy); background: var(--wdc-navy-tint); }
.wdc-option.wdc-option-disabled { opacity: 0.5; cursor: not-allowed; background: #f5f5f5; }
.wdc-option.wdc-option-disabled:hover { border-color: var(--wdc-border); background: #f5f5f5; }
.wdc-option-locked-note { display: none; flex-basis: 100%; color: var(--wdc-red); font-size: 12px; margin-top: 4px; }
.wdc-option.wdc-option-disabled .wdc-option-locked-note { display: block; }
.wdc-option input { flex: 0 0 auto; accent-color: var(--wdc-red); }
.wdc-option-title { flex: 1; font-weight: 600; color: var(--wdc-navy); }
.wdc-option-desc { flex: 2; color: var(--wdc-muted); font-size: 13px; }
.wdc-option-price { flex: 0 0 auto; color: var(--wdc-red); font-weight: 700; white-space: nowrap; }

.wdc-total-box {
	display: flex; align-items: center; gap: 8px; background: var(--wdc-navy);
	color: var(--wdc-white); padding: 16px 20px; border-radius: 8px; font-size: 18px; margin-bottom: 24px;
}
.wdc-total-box strong { color: var(--wdc-white); background: var(--wdc-red); padding: 2px 12px; border-radius: 20px; font-size: 22px; }

.wdc-group input[type=text], .wdc-group input[type=email], .wdc-group input[type=file],
.wdc-form input[type=text], .wdc-form input[type=file] {
	width: 100%; padding: 10px; border: 1px solid var(--wdc-border); border-radius: 6px;
	box-sizing: border-box; background: var(--wdc-white); color: var(--wdc-text);
}
.wdc-group input:focus, .wdc-form input:focus { outline: none; border-color: var(--wdc-red); }

.wdc-submit-btn {
	background: var(--wdc-red); color: var(--wdc-white); border: none; padding: 12px 28px;
	font-size: 15px; border-radius: 6px; cursor: pointer; font-weight: 600; transition: 0.15s;
}
.wdc-submit-btn:hover { background: var(--wdc-red-dark); }
.wdc-submit-btn:disabled { background: var(--wdc-muted); cursor: not-allowed; }

.wdc-msg { margin-bottom: 12px; font-size: 14px; }
.wdc-msg.error { color: var(--wdc-red); }
.wdc-msg.success { color: var(--wdc-navy); font-weight: 600; }

.wdc-status-page .wdc-badge, .wdc-price-list .wdc-badge, .wdc-my-orders .wdc-badge {
	display: inline-block; padding: 4px 14px; border-radius: 14px; background: var(--wdc-navy-tint);
	color: var(--wdc-navy); margin-bottom: 16px; font-size: 13px; font-weight: 600;
}
.wdc-badge-rejected, .wdc-badge-payment_rejected, .wdc-badge-cancelled { background: var(--wdc-red-tint); color: var(--wdc-red-dark); }
.wdc-badge-completed { background: var(--wdc-navy); color: var(--wdc-white); }

.wdc-summary {
	background: var(--wdc-navy-tint); border: 1px solid var(--wdc-border); padding: 14px 18px;
	border-radius: 8px; margin-bottom: 20px;
}
.wdc-summary strong { color: var(--wdc-red); }

.wdc-contract-text {
	background: #fbfbfc; border: 1px solid var(--wdc-border); padding: 16px; border-radius: 8px;
	line-height: 2; font-size: 14px; max-height: 400px; overflow-y: auto; margin-bottom: 14px;
}

.wdc-bank-table, .wdc-price-table { width: 100%; border-collapse: collapse; margin: 14px 0; }
.wdc-bank-table th, .wdc-bank-table td,
.wdc-price-table th, .wdc-price-table td {
	border: 1px solid var(--wdc-border); padding: 10px 12px; text-align: right; font-size: 14px;
}
.wdc-bank-table th, .wdc-price-table thead th { background: var(--wdc-navy); color: var(--wdc-white); }
.wdc-bank-table code { color: var(--wdc-red); font-weight: 700; }

.wdc-error { color: var(--wdc-red); }

.wdc-link-btn {
	background: none; border: none; color: var(--wdc-red); text-decoration: underline;
	cursor: pointer; padding: 0; font-size: 13px; margin-inline-start: 8px;
}
.wdc-link-btn:hover { color: var(--wdc-red-dark); }

.wdc-notice { background: var(--wdc-red-tint); border: 1px solid #f3c6c1; color: var(--wdc-navy-dark); padding: 12px 16px; border-radius: 6px; }

body.wdc-standalone { background: var(--wdc-navy-tint); margin: 0; padding: 30px 15px; }
.wdc-standalone-wrap {
	max-width: 760px; margin: 0 auto; background: var(--wdc-white); padding: 26px 30px;
	border-radius: 10px; border-top: 4px solid var(--wdc-red); box-shadow: 0 1px 6px rgba(22,33,62,.1);
}

.wdc-price-list, .wdc-my-orders { max-width: 900px; margin: 0 auto; }
.wdc-price-group { margin-bottom: 28px; }