/* Mended Mind – booking time zone chooser. Works with the red-box custom CSS in Bookly > Appearance:
   it replaces that box's ::before/::after text with live text from the script. */
.bookly-form .bookly-box.mmtz-box.mmtz-box::before,
.bookly-form .bookly-box.mmtz-box.mmtz-box::after { content: none !important; display: none !important; }

.bookly-form .bookly-box.mmtz-box.mmtz-done { background: #eef7f6 !important; border-color: #4FA8A0 !important; }
.bookly-form .mmtz-box .mmtz-title { display: block; font-weight: 700; font-size: 17px; color: #b3261e; margin-bottom: 8px; }
.bookly-form .mmtz-box.mmtz-done .mmtz-title { color: #2B4A45; }
.bookly-form .mmtz-box .mmtz-note { white-space: normal; line-height: 1.5; font-size: 14px; color: #7a1f17; margin-top: 8px; }
.bookly-form .mmtz-box.mmtz-done .mmtz-note { color: #2B4A45; }

.bookly-form .bookly-box.mmtz-box select.bookly-js-time-zone-switcher.bookly-time-zone-switcher {
	width: auto !important; min-width: min(280px, 100%); max-width: 100% !important; font-size: 15px;
}
.bookly-form .bookly-box.mmtz-box.mmtz-done select.bookly-js-time-zone-switcher { border-color: #4FA8A0 !important; }

.bookly-form .mmtz-hint { margin-top: 10px; font-size: 14px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.bookly-form .mmtz-hint:empty { display: none; }
.bookly-form .mmtz-hint .mmtz-use {
	background: #2B4A45; color: #fff; border: 0; border-radius: 4px; padding: 7px 12px;
	font: inherit; font-weight: 700; cursor: pointer; line-height: 1.2;
}
.bookly-form .mmtz-hint .mmtz-use:hover { background: #4FA8A0; }

/* Locked until a time zone is chosen */
.bookly-form .bookly-time-step.mmtz-step { position: relative; }
.bookly-form .mmtz-lockmsg { display: none; }
.bookly-form.mmtz-locked .bookly-time-step.mmtz-step > :not(.mmtz-lockmsg),
.bookly-form.mmtz-locked .bookly-js-slot-calendar,
.bookly-form.mmtz-locked .bookly-time-next,
.bookly-form.mmtz-locked .bookly-time-prev {
	filter: blur(3px); opacity: .45; pointer-events: none; user-select: none;
}
.bookly-form.mmtz-locked .mmtz-lockmsg {
	display: flex; position: absolute; inset: 0; align-items: flex-start; justify-content: center; padding-top: 40px; z-index: 5;
}
.bookly-form.mmtz-locked .mmtz-lockmsg span {
	background: #fff; border: 2px solid #b3261e; color: #b3261e; font-weight: 700;
	padding: 12px 18px; border-radius: 6px; text-align: center; line-height: 1.4;
}