/* MagePeople's form inherits Yachtora's quiet, light booking-page treatment. */
.yachtora-booking {
	max-width: 1040px;
	margin-inline: auto;
	padding: clamp(var(--sp-3), 5vw, var(--sp-5));
	background: var(--white);
	border: 1px solid var(--hairline);
	color: var(--ink);
	font-family: var(--font-body);
}

.yachtora-booking .ybs-booking-form,
.yachtora-booking .ybs-field,
.yachtora-booking .ybs-field label,
.yachtora-booking .ybs-bf-addons__title {
	font-family: var(--font-body);
}

.yachtora-booking .ybs-field label,
.yachtora-booking .ybs-bf-addons__title {
	color: var(--text-dim);
	font-size: var(--fs-eyebrow);
	font-weight: 500;
	letter-spacing: var(--tracking-label);
	text-transform: uppercase;
}

.yachtora-booking .ybs-field input,
.yachtora-booking .ybs-field select,
.yachtora-booking .ybs-field textarea {
	min-height: 48px;
	border: 0;
	border-bottom: 1px solid var(--hairline-strong);
	border-radius: 0;
	background: transparent;
	color: var(--ink);
	font: 400 1rem/1.5 var(--font-body);
	box-shadow: none;
}

.yachtora-booking .ybs-field input:focus,
.yachtora-booking .ybs-field select:focus,
.yachtora-booking .ybs-field textarea:focus {
	border-color: var(--gold);
	outline: 2px solid color-mix(in srgb, var(--gold) 34%, transparent);
	outline-offset: 2px;
}

.yachtora-booking .ybs-bf-open-modal,
.yachtora-booking .ybs-bf-submit,
.yachtora-booking .ybs-bf-coupon-apply,
.yachtora-booking .ybs-bf-success__link {
	min-height: 50px;
	border: 1px solid var(--navy);
	border-radius: 0;
	background: var(--navy);
	color: var(--paper);
	font-family: var(--font-body);
	font-weight: 500;
	letter-spacing: var(--tracking-label);
	text-transform: uppercase;
}

.yachtora-booking .ybs-bf-open-modal:hover,
.yachtora-booking .ybs-bf-submit:hover:not(:disabled),
.yachtora-booking .ybs-bf-coupon-apply:hover,
.yachtora-booking .ybs-bf-success__link:hover {
	background: var(--gold);
	border-color: var(--gold);
	color: var(--navy);
}

.ybs-bf-drawer__panel,
.yachtora-booking .ybs-bf-card,
.yachtora-booking .ybs-bf-success__ticket {
	border-radius: 0;
}

.ybs-bf-drawer__header,
.ybs-bf-drawer__footer {
	background: var(--paper);
}

.ybs-bf-drawer__title {
	font-family: var(--font-display);
	font-weight: 300;
	letter-spacing: var(--tracking-display);
}

.yachtora-booking .yachtora-return-field[hidden],
.yachtora-booking .yachtora-nights-source {
	display: none !important;
}

.yachtora-booking-pending {
	max-width: 100%;
	margin: 0;
	padding: clamp(1.5rem, 4vw, 3.3rem);
	border: 1px solid var(--hairline);
	background: var(--paper-2);
	color: var(--text-dim);
}

.mageyabo-single-yacht .yachtora-booking-pending {
	max-width: none;
	margin: var(--sp-3) 0 0;
}

.yachtora-magepeople-spec {
	display: flex;
	justify-content: space-between;
	gap: var(--sp-2);
	padding: 0.8em 0;
	border-bottom: 1px solid var(--hairline);
}

.yachtora-magepeople-spec span {
	color: var(--text-dim);
}

.yachtora-magepeople-spec strong {
	font-weight: 500;
	text-align: right;
}

@media (max-width: 640px) {
	.yachtora-booking {
		padding: var(--sp-2);
	}
}
