/* =========================================================================
   05-booking-form.css
   Controls only the [iskt_booking_form] shortcode.
   ========================================================================= */

.iskt-booking-form-wrap { max-width: 840px; margin: 0 auto; }
.iskt-booking-form {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px 28px;
	background: var(--iskt-dark, #24201A);
	background-image: linear-gradient(155deg, var(--iskt-dark, #24201A) 0%, var(--iskt-dark-2, #2E2820) 100%);
	padding: 48px 44px;
	border-radius: var(--iskt-radius, 14px);
	overflow: hidden;
}
.iskt-booking-form::before {
	content: "";
	position: absolute; top: 0; right: 0;
	width: 220px; height: 220px;
	background: radial-gradient(circle, rgba(198,162,94,.16) 0%, transparent 70%);
	pointer-events: none;
}
.iskt-form-row { position: relative; display: flex; flex-direction: column; gap: 8px; }
.iskt-form-row-full { grid-column: 1 / -1; }
.iskt-booking-form label {
	font-family: var(--iskt-sans, 'Manrope', sans-serif);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--iskt-gold-pale, #EFE3C4);
}
.iskt-booking-form input,
.iskt-booking-form select,
.iskt-booking-form textarea {
	background: transparent;
	border: none;
	border-bottom: 1px solid rgba(255,255,255,.22);
	border-radius: 0;
	padding: 10px 2px;
	font-size: 14.5px;
	font-family: var(--iskt-sans, 'Manrope', sans-serif);
	color: #FBF9F4;
	width: 100%;
	box-shadow: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.iskt-booking-form select option { color: #2B2A25; }
.iskt-booking-form input::placeholder,
.iskt-booking-form textarea::placeholder { color: rgba(251,249,244,.38); }
.iskt-booking-form input:focus,
.iskt-booking-form select:focus,
.iskt-booking-form textarea:focus {
	outline: none;
	border-bottom-color: var(--iskt-gold, #C6A25E);
}
.iskt-booking-form button {
	justify-self: start;
	background: var(--iskt-gold, #C6A25E);
	border-color: var(--iskt-gold, #C6A25E);
	color: var(--iskt-dark, #24201A);
	box-shadow: 0 10px 24px rgba(198,162,94,.24);
}
.iskt-booking-form button:hover { background: var(--iskt-gold-pale, #EFE3C4); border-color: var(--iskt-gold-pale, #EFE3C4); }

@media (max-width: 600px) {
	.iskt-booking-form { grid-template-columns: 1fr; padding: 36px 26px; }
}