.kardan-booking-wrap {
	font-family: 'Vazirmatn', Tahoma, sans-serif;
	max-width: 720px;
	margin: 40px auto;
	direction: rtl;
}

.kardan-booking-form {
	background: linear-gradient(160deg, #1e1811 0%, #0f0c08 100%);
	border-radius: 18px;
	padding: 36px 32px;
	box-shadow: 0 20px 50px rgba(0,0,0,0.35);
	color: #eef0f3;
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(255,255,255,0.06);
}

.kardan-booking-form::before {
	content: "";
	position: absolute;
	top: -60px;
	left: -60px;
	width: 220px;
	height: 220px;
	background: radial-gradient(circle, rgba(202,161,90,0.25), transparent 70%);
	pointer-events: none;
}

.kardan-form-header {
	text-align: center;
	margin-bottom: 28px;
	position: relative;
}

.kardan-form-header h2 {
	font-size: 24px;
	font-weight: 800;
	margin: 0 0 8px;
	color: #ffffff;
	letter-spacing: -0.3px;
}

.kardan-form-header p {
	color: #bfb3a0;
	font-size: 14px;
	margin: 0;
}

.kardan-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin-bottom: 16px;
}

@media (max-width: 600px) {
	.kardan-row { grid-template-columns: 1fr; }
}

.kardan-field {
	margin-bottom: 18px;
	position: relative;
}

.kardan-field label {
	display: block;
	font-size: 13.5px;
	font-weight: 600;
	margin-bottom: 8px;
	color: #cfd3da;
}

.kardan-field label .req {
	color: #caa15a;
}

.kardan-field input[type="text"],
.kardan-field input[type="tel"],
.kardan-field textarea {
	width: 100%;
	box-sizing: border-box;
	background: #0a0806;
	border: 1.5px solid rgba(202,161,90,.28);
	border-radius: 10px;
	padding: 12px 14px;
	color: #fff;
	font-family: inherit;
	font-size: 14.5px;
	transition: border-color .2s, box-shadow .2s;
}

.kardan-field input:focus,
.kardan-field textarea:focus,
.kardan-field select:focus {
	outline: none;
	border-color: #caa15a;
	box-shadow: 0 0 0 3px rgba(202,161,90,0.15);
}

.kardan-field textarea {
	resize: vertical;
	min-height: 90px;
}

/* فیلد تاریخ با آیکون تقویم */
.kardan-date-input-wrap {
	position: relative;
}

.kardan-date-input-wrap input {
	cursor: pointer;
	padding-left: 44px;
}

.kardan-date-icon {
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 18px;
	cursor: pointer;
	user-select: none;
	pointer-events: auto;
}

/* لیست کشویی ساعت */
.kardan-field select {
	width: 100%;
	box-sizing: border-box;
	background: #0a0806;
	border: 1.5px solid rgba(202,161,90,.28);
	border-radius: 10px;
	padding: 12px 14px;
	color: #fff;
	font-family: inherit;
	font-size: 14.5px;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'><path d='M1 1l6 6 6-6' stroke='%23caa15a' stroke-width='2' fill='none' fill-rule='evenodd'/></svg>");
	background-repeat: no-repeat;
	background-position: left 14px center;
	transition: border-color .2s, box-shadow .2s;
}

.kardan-field select option {
	background: #1e1811;
	color: #fff;
}

/* دسته‌بندی خدمات */
.kardan-category-tabs {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}

@media (max-width: 600px) {
	.kardan-category-tabs { grid-template-columns: 1fr; }
}

.kardan-cat-btn {
	position: relative;
	cursor: pointer;
	text-align: center;
	background: #1e1811;
	border: 1.5px solid rgba(202,161,90,.28);
	border-radius: 12px;
	padding: 16px 10px;
	font-weight: 700;
	font-size: 14.5px;
	transition: all .2s;
}

.kardan-cat-btn input {
	position: absolute;
	opacity: 0;
	inset: 0;
	cursor: pointer;
	margin: 0;
}

.kardan-cat-btn:hover {
	border-color: #caa15a;
}

.kardan-cat-btn:has(input:checked) {
	background: linear-gradient(135deg, #caa15a, #e8c88a);
	border-color: #caa15a;
	color: #fff;
	box-shadow: 0 6px 18px rgba(202,161,90,0.35);
}

/* لیست خدمات */
.kardan-services-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
}

@media (max-width: 600px) {
	.kardan-services-list { grid-template-columns: 1fr; }
}

.kardan-service-item {
	position: relative;
	background: #1e1811;
	border: 1.5px solid rgba(202,161,90,.28);
	border-radius: 10px;
	padding: 12px 14px;
	font-size: 14px;
	cursor: pointer;
	transition: all .2s;
}

.kardan-service-item input {
	position: absolute;
	opacity: 0;
	inset: 0;
	cursor: pointer;
	margin: 0;
}

.kardan-service-item:hover {
	border-color: #e8c88a;
}

.kardan-service-item:has(input:checked) {
	background: rgba(202,161,90,0.12);
	border-color: #caa15a;
	color: #ecd7a8;
}

/* باکس متخصص */
.kardan-specialist-box {
	display: flex;
	align-items: center;
	gap: 14px;
	background: rgba(202,161,90,0.08);
	border: 1.5px dashed #caa15a;
	border-radius: 12px;
	padding: 14px 18px;
	margin-bottom: 20px;
}

.kardan-specialist-icon {
	font-size: 30px;
}

.kardan-specialist-title {
	font-size: 12px;
	color: #ecd7a8;
	margin-bottom: 3px;
}

.kardan-specialist-name {
	font-weight: 800;
	font-size: 16px;
	color: #fff;
}

.kardan-specialist-phone {
	font-size: 14px;
	color: #cfd3da;
	direction: ltr;
	display: inline-block;
}

/* دکمه ارسال */
.kardan-submit-btn {
	width: 100%;
	background: linear-gradient(135deg, #caa15a, #e8c88a);
	color: #fff;
	border: none;
	border-radius: 12px;
	padding: 15px;
	font-size: 16px;
	font-weight: 800;
	font-family: inherit;
	cursor: pointer;
	transition: transform .15s, box-shadow .15s;
	box-shadow: 0 10px 25px rgba(202,161,90,0.3);
}

.kardan-submit-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 30px rgba(202,161,90,0.4);
}

.kardan-submit-btn:disabled {
	opacity: 0.6;
	cursor: not-allowed;
	transform: none;
}

.kardan-form-message {
	margin-top: 16px;
	padding: 12px 16px;
	border-radius: 10px;
	font-size: 14px;
	display: none;
}

.kardan-form-message.success {
	display: block;
	background: rgba(46, 204, 113, 0.12);
	border: 1px solid #2ecc71;
	color: #7ee8a9;
}

.kardan-form-message.error {
	display: block;
	background: rgba(231, 76, 60, 0.12);
	border: 1px solid #e74c3c;
	color: #ff9d92;
}

/* تقویم شمسی - هماهنگی رنگ با تم */
.pwt-datepicker-inline-wrapper,
div.pwt-datepicker {
	font-family: 'Vazirmatn', Tahoma, sans-serif !important;
}

/* راهنمای شبانه‌روزی بودن ساعت‌ها */
.kardan-hint {
	display: block;
	margin-top: 6px;
	font-size: 11.5px;
	color: #96712f;
}

/* باکس پیش‌پرداخت آنلاین */
.kardan-payment-box {
	display: flex;
	align-items: center;
	gap: 14px;
	background: rgba(202,161,90,0.1);
	border: 1.5px dashed #caa15a;
	border-radius: 12px;
	padding: 14px 18px;
	margin-bottom: 20px;
}

.kardan-payment-icon { font-size: 26px; }
.kardan-payment-title { font-size: 12px; color: #ecd7a8; margin-bottom: 3px; font-weight: 700; }
.kardan-payment-amount { font-size: 13.5px; color: #fff; font-weight: 700; }

/* کارت تاییدیه فوری رزرو */
.kardan-voucher {
	background: linear-gradient(165deg, #1e1811, #0f0c08);
	border: 1px solid rgba(202,161,90,.4);
	border-radius: 18px;
	padding: 34px 28px;
	text-align: center;
	color: #f8f2e6;
	font-family: 'Vazirmatn', Tahoma, sans-serif;
	direction: rtl;
}

.kardan-voucher-check {
	width: 62px;
	height: 62px;
	margin: 0 auto 16px;
	border-radius: 50%;
	background: linear-gradient(145deg, #ecd7a8, #caa15a);
	color: #1a1209;
	font-size: 30px;
	font-weight: 900;
	display: flex;
	align-items: center;
	justify-content: center;
}

.kardan-voucher h3 { font-size: 19px; font-weight: 800; margin: 0 0 6px; }
.kardan-voucher-sub { color: #bfb3a0; font-size: 13px; margin: 0 0 18px; }

.kardan-voucher-ref {
	display: inline-block;
	background: #0a0806;
	border: 1px dashed rgba(202,161,90,.5);
	border-radius: 10px;
	padding: 10px 22px;
	font-weight: 900;
	letter-spacing: .06em;
	color: #ecd7a8;
	margin-bottom: 22px;
	font-size: 15px;
}

.kardan-voucher-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin-bottom: 24px;
	text-align: center;
}

.kardan-voucher-grid > div {
	background: #14100a;
	border: 1px solid rgba(202,161,90,.2);
	border-radius: 10px;
	padding: 12px 8px;
}

.kardan-voucher-grid span {
	display: block;
	font-size: 11px;
	color: #bfb3a0;
	margin-bottom: 4px;
}

.kardan-voucher-grid b {
	font-size: 13.5px;
	color: #f8f2e6;
}

.kardan-voucher-new {
	background: transparent;
	border: 1px solid rgba(202,161,90,.4);
	color: #f8f2e6;
	border-radius: 9px;
	padding: 11px 18px;
	font-family: inherit;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	margin-top: 12px;
	width: 100%;
	transition: border-color .2s;
}

.kardan-voucher-new:hover { border-color: #caa15a; }