/* =========================================================================
   Salon Booking – Public stylesheet (Light / Green theme)
   نکته مهم: چون بعضی قالب‌ها روی button/input با !important استایل
   می‌زنند (رنگ، border-radius گرد و ...)، تمام مقادیر بصری کلیدی در این
   فایل با !important قفل شده‌اند تا در هر قالبی ظاهر افزونه ثابت بماند.
   ========================================================================= */

/* فقط وزن‌هایی که واقعاً در این فایل استفاده می‌شوند تعریف شده‌اند (نه هر ۹ وزن
   فونت) تا تعداد درخواست‌های شبکه و زمان بارگذاری اولیه کمتر شود. مرورگر این
   فایل‌ها را فقط زمانی دانلود می‌کند که متنی با همان وزن واقعاً رندر شود. */
@font-face {
	font-family: "Vazirmatn";
	src: url("https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-Medium.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Vazirmatn";
	src: url("https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-SemiBold.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Vazirmatn";
	src: url("https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-Bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

.salon-booking-wrap {
	/* --- متغیرهای اختصاصی افزونه: تغییر تم فقط از همین‌جا --- */
	--sb-primary: #8bae66;
	--sb-primary-dark: #71934f;
	--sb-primary-soft: #e3ecd7;
	--sb-primary-soft-text: #4f7a34;
	--sb-text: #2b2b2b;
	--sb-text-muted: #8b8b8b;
	--sb-text-faint: #b0b0b0;
	--sb-border: #ececec;
	--sb-bg: #ffffff;
	--sb-bg-muted: #f7f8f5;
	--sb-success-bg: #e6f6ec;
	--sb-success-text: #1c7c3f;
	--sb-error-bg: #fce9ec;
	--sb-error-text: #c62839;
	--sb-radius-lg: 22px;
	--sb-radius-md: 16px;
	--sb-radius-sm: 999px;
	--sb-shadow: 0 10px 30px -12px rgba(40, 40, 40, 0.12);
	--sb-shadow-sm: 0 4px 14px rgba(40, 40, 40, 0.06);
	--sb-gap: 22px;
}

.salon-booking-wrap {
	all: unset !important;
	display: block !important;
	box-sizing: border-box !important;
	position: relative !important;
	isolation: isolate !important;
	direction: rtl !important;
	font-family: "Vazirmatn", Tahoma, Arial, sans-serif !important;
	font-weight: 500 !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
	color: var(--sb-text) !important;
	max-width: 560px !important;
	width: 100% !important;
	margin: 0 auto !important;
	padding: 28px !important;
	border-radius: var(--sb-radius-lg) !important;
	text-align: right !important;
	background: var(--sb-bg) !important;
	box-shadow: var(--sb-shadow) !important;
}
/* روی صفحه‌های بزرگ‌تر (تبلت به بالا) عرض ویجت بیشتر می‌شود تا به‌جای
   کارت باریک و کشیده، از فضای صفحه استفاده بهتری بشود */
@media (min-width: 640px) {
	.salon-booking-wrap { max-width: 700px !important; padding: 34px !important; }
}
@media (min-width: 900px) {
	.salon-booking-wrap { max-width: 780px !important; }
}

/* ریست عمومی با specificity صفر تا هرگز با اجزای پایین تداخل نکند */
:where(.salon-booking-wrap),
:where(.salon-booking-wrap) * ,
:where(.salon-booking-wrap) *::before,
:where(.salon-booking-wrap) *::after {
	box-sizing: border-box;
	font-family: "Vazirmatn", Tahoma, Arial, sans-serif;
	line-height: 1.8;
}
:where(.salon-booking-wrap) h1,
:where(.salon-booking-wrap) h2,
:where(.salon-booking-wrap) h3,
:where(.salon-booking-wrap) h4,
:where(.salon-booking-wrap) p,
:where(.salon-booking-wrap) ul,
:where(.salon-booking-wrap) li {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: normal;
	text-shadow: none;
	letter-spacing: normal;
}
:where(.salon-booking-wrap) a { text-decoration: none; color: inherit; }
:where(.salon-booking-wrap) button,
:where(.salon-booking-wrap) input:not([type="checkbox"]):not([type="radio"]),
:where(.salon-booking-wrap) select,
:where(.salon-booking-wrap) textarea {
	all: unset;
	box-sizing: border-box;
	font-family: "Vazirmatn", Tahoma, Arial, sans-serif;
	font-size: 14px;
	display: inline-block;
}
/* چک‌باکس/رادیو عمداً از all:unset مستثنا شده‌اند تا مرورگر همچنان
   علامت تیک/دایره را به‌صورت بومی رسم کند؛ فقط رنگ و اندازه سفارشی می‌شود */
:where(.salon-booking-wrap) input[type="checkbox"],
:where(.salon-booking-wrap) input[type="radio"] {
	box-sizing: border-box;
	margin: 0;
	cursor: pointer;
}
:where(.salon-booking-wrap) button { cursor: pointer; }
:where(.salon-booking-wrap) img { max-width: 100%; display: block; }

/* -------------------------------------------------------------------- */
/* مراحل بالای فرم                                                       */
/* -------------------------------------------------------------------- */
.salon-steps {
	display: flex !important;
	justify-content: space-between !important;
	margin-bottom: var(--sb-gap) !important;
	font-size: 13px !important;
	gap: 6px !important;
	overflow-x: auto !important;
	background: var(--sb-bg-muted) !important;
	border: none !important;
	border-radius: 999px !important;
	padding: 6px !important;
}
.salon-step {
	font-weight: 500 !important;
	flex: 1 1 0 !important;
	min-width: 0 !important;
	text-align: center !important;
	padding: 9px 4px !important;
	color: var(--sb-text-muted) !important;
	border-bottom: none !important;
	border-radius: 999px !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	transition: background .2s, color .2s !important;
}
.salon-step.active {
	color: #fff !important;
	background: var(--sb-primary) !important;
	font-weight: bold !important;
	box-shadow: var(--sb-shadow-sm) !important;
}

.salon-panel h3 {
	margin-top: 0 !important;
	margin-bottom: 16px !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	color: var(--sb-primary-dark) !important;
	line-height: 1.5 !important;
}

/* -------------------------------------------------------------------- */
/* لیست خدمات / متخصصان                                                  */
/* -------------------------------------------------------------------- */
.salon-service-list,
.salon-staff-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
	margin-bottom: 20px !important;
}
/* در صفحه‌های عریض‌تر، خدمات/متخصصان به‌صورت دو ستونه (grid) نمایش داده
   می‌شوند تا کارت‌ها به‌جای کشیده‌شدن عمودی، از عرض بیشتر استفاده کنند */
@media (min-width: 640px) {
	.salon-service-list,
	.salon-staff-list {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 12px !important;
	}
}

.salon-service-item,
.salon-staff-item {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 12px !important;
	border: 1px solid var(--sb-border) !important;
	border-radius: var(--sb-radius-md) !important;
	padding: 14px 18px !important;
	cursor: pointer !important;
	background: var(--sb-bg) !important;
	box-shadow: var(--sb-shadow-sm) !important;
	color: var(--sb-text) !important;
	transition: border-color .15s, box-shadow .15s, transform .15s !important;
}
.salon-service-item:hover,
.salon-staff-item:hover {
	border-color: var(--sb-primary) !important;
	box-shadow: 0 6px 18px -8px rgba(139, 174, 102, 0.45) !important;
	transform: translateY(-1px) !important;
}
.salon-service-item input,
.salon-staff-item input {
	-webkit-appearance: auto !important;
	appearance: auto !important;
	accent-color: var(--sb-primary) !important;
	width: 18px !important;
	height: 18px !important;
	flex: 0 0 auto !important;
	opacity: 1 !important;
	position: static !important;
}
/* ظرف مشترک نام + توضیحات؛ همیشه به‌صورت ستونی (نام بالا، توضیحات پایین)
   چیده می‌شود تا در هیچ عرضی به‌طور غیرقابل‌پیش‌بینی از هم جدا یا کش نیفتد */
.salon-service-info {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: center !important;
	gap: 4px !important;
}
.salon-service-name,
.salon-staff-name {
	font-size: 15px !important;
	font-weight: 600 !important;
	min-width: 0 !important;
	line-height: 1.4 !important;
}
.salon-service-meta {
	color: var(--sb-text-muted) !important;
	font-size: 13px !important;
	line-height: 1.4 !important;
	white-space: nowrap !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* -------------------------------------------------------------------- */
/* دکمه‌ها                                                                */
/* -------------------------------------------------------------------- */
.salon-btn {
	background: var(--sb-primary) !important;
	color: #fff !important;
	border: none !important;
	border-radius: var(--sb-radius-sm) !important;
	padding: 14px 26px !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	text-align: center !important;
	cursor: pointer !important;
	box-shadow: 0 10px 22px -10px rgba(139, 174, 102, 0.7) !important;
	transition: transform .15s, box-shadow .15s, background .15s !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}
.salon-btn:hover:not(:disabled) {
	background: var(--sb-primary-dark) !important;
	transform: translateY(-1px) !important;
}
.salon-btn:disabled {
	background: #e3e3e3 !important;
	box-shadow: none !important;
	cursor: not-allowed !important;
	color: #aaa !important;
}
.salon-btn.salon-back {
	background: var(--sb-bg-muted) !important;
	color: var(--sb-text) !important;
	box-shadow: none !important;
	border: 1px solid var(--sb-border) !important;
}
.salon-btn.salon-back:hover { background: #eee !important; }

.salon-actions {
	display: flex !important;
	justify-content: space-between !important;
	gap: 10px !important;
	margin-top: 16px !important;
}
.salon-actions .salon-btn { flex: 1 1 auto !important; }

/* -------------------------------------------------------------------- */
/* تقویم                                                                 */
/* -------------------------------------------------------------------- */
/* ظرف مشترک تقویم + ساعت‌ها: در موبایل زیر هم، در صفحه‌های عریض‌تر کنار هم */
.salon-datetime-columns {
	display: flex !important;
	flex-direction: column !important;
	gap: 16px !important;
	margin-bottom: 16px !important;
}
.salon-calendar-wrap {
	border: 1px solid var(--sb-border) !important;
	border-radius: var(--sb-radius-md) !important;
	padding: 16px !important;
	background: var(--sb-bg) !important;
	box-shadow: var(--sb-shadow-sm) !important;
}
.salon-time-slots-wrap {
	border: 1px solid var(--sb-border) !important;
	border-radius: var(--sb-radius-md) !important;
	padding: 16px !important;
	background: var(--sb-bg) !important;
	box-shadow: var(--sb-shadow-sm) !important;
}
@media (min-width: 640px) {
	.salon-datetime-columns { flex-direction: row !important; align-items: flex-start !important; }
	.salon-calendar-wrap { flex: 1 1 55% !important; min-width: 0 !important; }
	.salon-time-slots-wrap { flex: 1 1 45% !important; min-width: 0 !important; }
}
.salon-calendar-header {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	margin-bottom: 12px !important;
	font-weight: bold !important;
	font-size: 15px !important;
	color: var(--sb-text) !important;
}
.salon-cal-nav {
	background: var(--sb-bg-muted) !important;
	border: none !important;
	border-radius: 999px !important;
	width: 32px !important;
	height: 32px !important;
	line-height: 30px !important;
	text-align: center !important;
	cursor: pointer !important;
	font-size: 16px !important;
	flex-shrink: 0 !important;
	color: var(--sb-text) !important;
	transition: background .15s !important;
}
.salon-cal-nav:hover { background: var(--sb-primary-soft) !important; color: var(--sb-primary-soft-text) !important; }
.salon-calendar-weekdays {
	display: grid !important;
	grid-template-columns: repeat(7, 1fr) !important;
	text-align: center !important;
	font-size: 13px !important;
	color: var(--sb-text-muted) !important;
	margin-bottom: 8px !important;
}
.salon-calendar-grid {
	display: grid !important;
	grid-template-columns: repeat(7, 1fr) !important;
	gap: 6px !important;
}
.salon-cal-day {
	font-weight: 600 !important;
	aspect-ratio: 1 !important;
	border: 1px solid var(--sb-border) !important;
	background: var(--sb-bg-muted) !important;
	border-radius: 12px !important;
	cursor: pointer !important;
	font-size: 14px !important;
	text-align: center !important;
	color: var(--sb-text) !important;
	transition: background .15s, transform .15s, box-shadow .15s !important;
	width: auto !important;
	height: auto !important;
}
.salon-cal-day:hover:not(:disabled) {
	background: var(--sb-primary-soft) !important;
	color: var(--sb-primary-soft-text) !important;
	transform: translateY(-1px) !important;
}
.salon-cal-day.selected {
	background: var(--sb-primary) !important;
	color: #fff !important;
	border-color: transparent !important;
	box-shadow: 0 8px 18px -8px rgba(139, 174, 102, 0.7) !important;
}
.salon-cal-day.disabled {
	color: var(--sb-text-faint) !important;
	cursor: not-allowed !important;
	background: transparent !important;
	border-color: transparent !important;
}

/* -------------------------------------------------------------------- */
/* بازه‌های زمانی                                                        */
/* -------------------------------------------------------------------- */
.salon-time-slots {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	margin-bottom: 10px !important;
}
.salon-time-btn {
	font-weight: 600 !important;
	border: 1px solid var(--sb-border) !important;
	background: var(--sb-bg-muted) !important;
	border-radius: 999px !important;
	padding: 9px 16px !important;
	cursor: pointer !important;
	font-size: 14px !important;
	direction: ltr !important;
	flex: 0 0 auto !important;
	color: var(--sb-text) !important;
	transition: background .15s, transform .15s !important;
}
.salon-time-btn:hover { background: var(--sb-primary-soft) !important; color: var(--sb-primary-soft-text) !important; }
.salon-time-btn.selected {
	background: var(--sb-primary) !important;
	color: #fff !important;
	border-color: transparent !important;
	box-shadow: 0 8px 18px -8px rgba(139, 174, 102, 0.7) !important;
}
.salon-time-btn.booked,
.salon-time-btn:disabled {
	background: repeating-linear-gradient(
		135deg,
		var(--sb-bg-muted),
		var(--sb-bg-muted) 6px,
		#e3e3e3 6px,
		#e3e3e3 12px
	) !important;
	color: var(--sb-text-faint) !important;
	text-decoration: line-through !important;
	border-color: var(--sb-border) !important;
	cursor: not-allowed !important;
	box-shadow: none !important;
}
.salon-time-btn.booked:hover { transform: none !important; }

/* -------------------------------------------------------------------- */
/* جمع خدمات انتخاب‌شده                                                   */
/* -------------------------------------------------------------------- */
.salon-selected-total {
	background: var(--sb-primary-soft) !important;
	color: var(--sb-primary-soft-text) !important;
	border: none !important;
	border-radius: var(--sb-radius-sm) !important;
	padding: 10px 16px !important;
	margin-bottom: 14px !important;
	font-size: 14px !important;
}

/* -------------------------------------------------------------------- */
/* گزینه‌های پرداخت (کامل / بیعانه)                                       */
/* -------------------------------------------------------------------- */
.salon-payment-options {
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
	margin-top: 14px !important;
}
.salon-payment-options .salon-btn { width: 100% !important; }
.salon-payment-options .salon-pay-deposit {
	background: var(--sb-bg-muted) !important;
	color: var(--sb-text) !important;
	box-shadow: none !important;
	border: 1px solid var(--sb-border) !important;
}
.salon-payment-options .salon-pay-deposit:hover { background: #eee !important; }

/* -------------------------------------------------------------------- */
/* خلاصه و فرم اطلاعات تماس                                              */
/* -------------------------------------------------------------------- */
.salon-summary {
	font-weight: 500 !important;
	background: var(--sb-bg-muted) !important;
	border: 1px solid var(--sb-border) !important;
	border-radius: var(--sb-radius-md) !important;
	padding: 16px !important;
	margin-bottom: 16px !important;
	font-size: 15px !important;
	line-height: 2 !important;
	color: var(--sb-text) !important;
}

.salon-form-row { margin-bottom: 14px !important; }
.salon-form-row label {
	font-weight: 500 !important;
	display: block !important;
	margin-bottom: 6px !important;
	font-size: 14px !important;
	color: var(--sb-text-muted) !important;
}
.salon-form-row input {
	font-weight: 600 !important;
	width: 100% !important;
	padding: 13px 16px !important;
	border: 1px solid var(--sb-border) !important;
	border-radius: var(--sb-radius-sm) !important;
	font-size: 15px !important;
	direction: rtl !important;
	background: var(--sb-bg-muted) !important;
	color: var(--sb-text) !important;
}
.salon-form-row input::placeholder { color: var(--sb-text-faint) !important; }
.salon-form-row input:focus {
	border-color: var(--sb-primary) !important;
	outline: none !important;
	background: var(--sb-bg) !important;
	box-shadow: 0 0 0 3px var(--sb-primary-soft) !important;
}
.salon-form-row input[type="tel"] { direction: ltr !important; text-align: right !important; }

.salon-message {
	font-weight: 500 !important;
	margin-top: 10px !important;
	font-size: 15px !important;
	padding: 12px !important;
	border-radius: var(--sb-radius-md) !important;
}
.salon-message.success { background: var(--sb-success-bg) !important; color: var(--sb-success-text) !important; }
.salon-message.error { background: var(--sb-error-bg) !important; color: var(--sb-error-text) !important; }

.salon-loading, .salon-empty { color: var(--sb-text-muted) !important; font-size: 14px !important; }

/* =========================================================================
   ریسپانسیو موبایل
   ========================================================================= */
@media (max-width: 600px) {
	.salon-booking-wrap { max-width: 100% !important; padding: 18px !important; font-size: 14px !important; }
	.salon-steps {
		font-size: 11.5px !important;
		margin-bottom: 16px !important;
		justify-content: flex-start !important;
	}
	.salon-step {
		flex: 0 0 auto !important;
		padding: 8px 14px !important;
		overflow: visible !important;
		text-overflow: unset !important;
	}
	.salon-panel h3 { font-size: 18px !important; }
	.salon-service-item, .salon-staff-item { padding: 12px !important; }
	.salon-actions { flex-direction: column-reverse !important; }
	.salon-actions .salon-btn { width: 100% !important; }
	.salon-calendar-wrap { padding: 12px !important; }
	.salon-time-slots-wrap { padding: 12px !important; }
	.salon-datetime-columns { gap: 12px !important; }
	.salon-cal-day { font-size: 11px !important; border-radius: 9px !important; }
	.salon-calendar-grid { gap: 4px !important; }
	.salon-time-slots { gap: 6px !important; }
	.salon-time-btn { padding: 8px 12px !important; font-size: 12px !important; flex: 1 1 30% !important; }
	.salon-summary { font-size: 13px !important; padding: 12px !important; }
}

@media (max-width: 380px) {
	.salon-booking-wrap { padding: 14px !important; }
	.salon-step { padding: 7px 12px !important; }
	.salon-time-btn { flex: 1 1 45% !important; }
}

/* =========================================================================
   لایه‌ی محافظ نهایی (Specificity Shield)
   این بخش با تکرار کلاس اصلی و !important، هرگونه استایل قوی قالب
   (حتی با !important) روی این المان‌های خاص را در اکثر قریب به‌اتفاق
   قالب‌ها خنثی می‌کند. اگر باز هم مشکل دیده شد، یعنی خود فایل جدید
   هنوز روی سایت بارگذاری/کش نشده است، نه اینکه قالب برنده شده باشد.
   ========================================================================= */
.salon-booking-wrap.salon-booking-wrap.salon-booking-wrap .salon-cal-day {
	border-radius: 12px !important;
	background: var(--sb-bg-muted, #f7f8f5) !important;
	color: var(--sb-text, #2b2b2b) !important;
	border: 1px solid var(--sb-border, #ececec) !important;
	aspect-ratio: 1 !important;
	width: auto !important;
	height: auto !important;
}
.salon-booking-wrap.salon-booking-wrap.salon-booking-wrap .salon-cal-day.selected {
	background: var(--sb-primary, #8bae66) !important;
	color: #fff !important;
	border-color: transparent !important;
}
.salon-booking-wrap.salon-booking-wrap.salon-booking-wrap .salon-cal-day.disabled {
	background: transparent !important;
	color: var(--sb-text-faint, #b0b0b0) !important;
}
.salon-booking-wrap.salon-booking-wrap.salon-booking-wrap .salon-time-btn {
	border-radius: 999px !important;
	background: var(--sb-bg-muted, #f7f8f5) !important;
	color: var(--sb-text, #2b2b2b) !important;
	border: 1px solid var(--sb-border, #ececec) !important;
}
.salon-booking-wrap.salon-booking-wrap.salon-booking-wrap .salon-time-btn.selected {
	background: var(--sb-primary, #8bae66) !important;
	border-color: transparent !important;
	color: #fff !important;
}
.salon-booking-wrap.salon-booking-wrap.salon-booking-wrap .salon-btn {
	border-radius: 999px !important;
	background: var(--sb-primary, #8bae66) !important;
	color: #fff !important;
	border: none !important;
	box-shadow: 0 10px 22px -10px rgba(139, 174, 102, 0.7) !important;
}
.salon-booking-wrap.salon-booking-wrap.salon-booking-wrap .salon-btn.salon-back {
	background: var(--sb-bg-muted, #f7f8f5) !important;
	color: var(--sb-text, #2b2b2b) !important;
	box-shadow: none !important;
}
.salon-booking-wrap.salon-booking-wrap.salon-booking-wrap .salon-service-item,
.salon-booking-wrap.salon-booking-wrap.salon-booking-wrap .salon-staff-item {
	border-radius: 16px !important;
	background: #fff !important;
	color: var(--sb-text, #2b2b2b) !important;
	border: 1px solid var(--sb-border, #ececec) !important;
}
.salon-booking-wrap.salon-booking-wrap.salon-booking-wrap .salon-step {
	border-radius: 999px !important;
	color: var(--sb-text-muted, #8b8b8b) !important;
	background: transparent !important;
}
.salon-booking-wrap.salon-booking-wrap.salon-booking-wrap .salon-step.active {
	background: var(--sb-primary, #8bae66) !important;
	color: #fff !important;
}
.salon-booking-wrap.salon-booking-wrap.salon-booking-wrap .salon-form-row input {
	border-radius: 999px !important;
	background: var(--sb-bg-muted, #f7f8f5) !important;
	color: var(--sb-text, #2b2b2b) !important;
	border: 1px solid var(--sb-border, #ececec) !important;
}
.salon-booking-wrap.salon-booking-wrap.salon-booking-wrap .salon-calendar-wrap,
.salon-booking-wrap.salon-booking-wrap.salon-booking-wrap .salon-time-slots-wrap,
.salon-booking-wrap.salon-booking-wrap.salon-booking-wrap .salon-summary {
	border-radius: 16px !important;
	background: #fff !important;
	border: 1px solid var(--sb-border, #ececec) !important;
}
.salon-booking-wrap.salon-booking-wrap.salon-booking-wrap .salon-time-btn.booked {
	background: repeating-linear-gradient(
		135deg,
		#f7f8f5,
		#f7f8f5 6px,
		#e3e3e3 6px,
		#e3e3e3 12px
	) !important;
	color: var(--sb-text-faint, #b0b0b0) !important;
	text-decoration: line-through !important;
}
.salon-booking-wrap.salon-booking-wrap.salon-booking-wrap .salon-selected-total {
	background: var(--sb-primary-soft, #e3ecd7) !important;
	color: var(--sb-primary-soft-text, #4f7a34) !important;
	border-radius: 999px !important;
}
.salon-booking-wrap.salon-booking-wrap.salon-booking-wrap .salon-payment-options .salon-btn {
	width: 100% !important;
	border-radius: 999px !important;
}