.booking-card {
		position: relative;
		background: transparent;
		border-radius: 16px;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		padding: 24px;
		border: transparent;
		width: 100%;
		z-index: 99;
	}

	.booking-container {
		position: relative;
		background: linear-gradient(145deg, rgba(15, 36, 48, 0.95), rgba(11, 28, 40, 0.95));
		/* background-color: transparent; */
		border-radius: 16px;
		padding: 24px;
		box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
		backdrop-filter: blur(10px);
		border: 1px solid rgba(255, 255, 255, 0.1);
		width: 90%;
		z-index: 99;
	}

	.booking-form {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
		gap: 16px;
		align-items: end;
	}

	.form-group {
		display: flex;
		flex-direction: column;
	}

	.form-group.book-btn {
		grid-column: span 1;
	}

	.form-label {
		color: rgba(255, 255, 255, 0.7);
		font-size: 12px;
		font-weight: 500;
		margin-bottom: 6px;
		display: flex;
		align-items: center;
		gap: 6px;
	}

	.form-input {
		background: rgba(255, 255, 255, 0.05);
		border: 1px solid rgba(255, 255, 255, 0.1);
		border-radius: 8px;
		padding: 12px;
		color: rgba(255, 255, 255, 0.9);
		font-size: 14px;
		transition: all 0.3s ease;
		height: 44px;
	}

	.form-input:focus {
		outline: none;
		border-color: #e67e22;
		box-shadow: 0 0 0 3px rgba(230, 126, 34, 0.2);
	}

	.form-input::placeholder {
		color: rgba(255, 255, 255, 0.4);
	}

	/* Guests dropdown */
	.guests-container {
		position: relative;
	}

	.guests-toggle {
		background: rgba(255, 255, 255, 0.05);
		border: 1px solid rgba(255, 255, 255, 0.1);
		border-radius: 8px;
		padding: 12px;
		color: rgba(255, 255, 255, 0.9);
		font-size: 14px;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 44px;
		transition: all 0.3s ease;
		width: 100%;
	}

	.guests-toggle:hover,
	.guests-toggle.active {
		border-color: #e67e22;
	}

	.guests-dropdown {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background: linear-gradient(145deg, rgba(26, 42, 58, 0.98), rgba(13, 27, 42, 0.98));
		border: 1px solid rgba(255, 255, 255, 0.1);
		border-radius: 8px;
		padding: 16px;
		margin-top: 4px;
		z-index: 99;
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
		opacity: 0;
		visibility: hidden;
		transform: translateY(-10px);
		transition: all 0.3s ease;
	}

	.guests-dropdown.show {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}

	.guest-counter-container {
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		gap: 0.4rem;
	}

	.guest-counter {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 12px;
		gap: 0.4rem;
	}

	.guest-counter:last-of-type {
		margin-bottom: 16px;
	}

	.guest-label {
		color: rgba(255, 255, 255, 0.8);
		font-size: 14px;
		display: flex;
		align-items: center;
		width:100%;
		gap: 8px;
	}

	.counter-controls {
		display: flex;
		align-items: center;
		gap: 12px;
	}

	.counter-btn {
		background: rgba(255, 255, 255, 0.1);
		border: 1px solid rgba(255, 255, 255, 0.2);
		border-radius: 6px;
		width: 32px;
		height: 32px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: rgba(255, 255, 255, 0.8);
		cursor: pointer;
		transition: all 0.2s ease;
		font-size: 14px;
	}

	.counter-btn:hover:not(:disabled) {
		background: rgba(255, 255, 255, 0.2);
		transform: scale(1.05);
	}

	.counter-btn:disabled {
		opacity: 0.4;
		cursor: not-allowed;
	}

	.counter-value {
		color: rgba(255, 255, 255, 0.9);
		font-weight: 500;
		min-width: 20px;
		text-align: center;
	}

	.dropdown-actions {
		display: flex;
		gap: 8px;
		justify-content: flex-end;
		padding-top: 8px;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
	}
	
	.error-message {
		color: #ff6b6b;
		font-size: 11px;
		margin-top: 4px;
		opacity: 0;
		transition: opacity 0.3s ease;
	}

	.error-message.show {
		opacity: 1;
	}

	/* Icons */
	.icon {
		width: 14px;
		height: 14px;
		fill: currentColor;
	}

	/* style for the select (put in styles.css) */
	.room-type {
		position: relative;
	}

	.form-input {
		/* visual */
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		width: 100%;
		padding: 10px 44px 10px 14px;

		font-size: 0.95rem;
		color: #f8f9fa;
		background: linear-gradient(145deg, rgba(26, 42, 58, 0.98), rgba(13, 27, 42, 0.98));
		border: 1px solid rgba(255, 255, 255, 0.08);
		border-radius: 10px;
		box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35) inset;
		transition: box-shadow .18s ease, border-color .18s ease, transform .08s ease;
		cursor: pointer;
	}

	.form-input::-ms-expand {
		display: none;
	}

	/* hide default IE arrow */
	.form-input {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3e%3cpath fill='%23e67e22' d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");
		background-repeat: no-repeat;
		background-position: right 12px center;
		background-size: 18px;
	}

	/* focus & hover */
	.form-input:focus {
		outline: none;
		border-color: rgba(230, 126, 34, 0.9);
		box-shadow: 0 6px 30px rgba(230, 126, 34, 0.06), 0 0 0 4px rgba(230, 126, 34, 0.06);
		transform: translateY(-1px);
	}

	/* flatpickr theme to match booking form color scheme */
	.fp-theme-booking.flatpickr-calendar {
		background: linear-gradient(145deg, #1a2a3a, #0d1b2a);
		border: 1px solid rgba(255, 255, 255, 0.08);
		color: #f8f9fa;
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
	}

	/* header / nav */
	.fp-theme-booking .flatpickr-months,
	.fp-theme-booking .flatpickr-weekdays {
		background: transparent;
		color: #ced4da;
	}

	/* month name / nav arrows */
	.fp-theme-booking .flatpickr-month {
		color: #f8f9fa;
		font-weight: 600;
	}

	.fp-theme-booking .flatpickr-prev-month,
	.fp-theme-booking .flatpickr-next-month {
		color: #e67e22;
	}

	/* weekday labels */
	.fp-theme-booking .flatpickr-weekday {
		color: #9fb0b9;
	}

	/* days */
	.fp-theme-booking .flatpickr-day {
		background: transparent;
		color: #e6eef4;
		border-radius: 6px;
		padding: 6px;
	}

	.fp-theme-booking .flatpickr-day.flatpickr-disabled {
		color: #adb5bd
	}

	/* hover state */
	.fp-theme-booking .flatpickr-day:hover {
		background: rgba(230, 126, 34, 0.12);
		box-shadow: 0 6px 30px rgba(230, 126, 34, 0.06), 0 0 0 4px rgba(230, 126, 34, 0.06);
		color: #fff;
	}

	/* today */
	.fp-theme-booking .flatpickr-day.today {
		border: 1px solid rgba(230, 126, 34, 0.3);
		box-shadow: 0 6px 30px rgba(230, 126, 34, 0.06), 0 0 0 4px rgba(230, 126, 34, 0.06);
		color: #fff;
	}

	/* selected day */
	.fp-theme-booking .flatpickr-day.selected,
	.fp-theme-booking .flatpickr-day.selected.inRange {
		background: #e67e22;
		color: #07121a;
		box-shadow: none;
	}

	/* range styling */
	.fp-theme-booking .flatpickr-day.inRange {
		background: rgba(230, 126, 34, 0.08);
	}

	/* input / alt input inside calendar (if any) */
	.fp-theme-booking .flatpickr-input {
		background: transparent;
		color: #f8f9fa;
	}

	/* small adjustments */
	.fp-theme-booking .flatpickr-weekday,
	.fp-theme-booking .flatpickr-day {
		font-size: 0.92rem;
	}

	.flatpickr-monthDropdown-month {
		color: #07121a;
		background-color: #e67e22 !important;
	}
	
	.flatpickr-monthDropdown-month:focus {
		outline: none;
		border-color: rgba(230, 126, 34, 0.9);
		box-shadow: 0 6px 30px rgba(230, 126, 34, 0.06), 0 0 0 4px rgba(230, 126, 34, 0.06);
		transform: translateY(-1px);
	}

	.room-type-container .choices__inner {
		display: flex;
		align-items: center;
	}

	.choices[data-type*=select-one] .choices__inner {
		padding-bottom: 0px;
	}

	.choices__item[data-select-text]::after {
		content: '';
	}

	.room-type-container .choices__inner {
		/* visual */
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		width: 100%;
		padding: 0px;

		font-size: 0.95rem;
		color: #f8f9fa;
		background: linear-gradient(145deg, rgba(26, 42, 58, 0.98), rgba(13, 27, 42, 0.98));
		border: 1px solid rgba(255, 255, 255, 0.08);
		border-radius: 10px;
		box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35) inset;
		transition: box-shadow .18s ease, border-color .18s ease, transform .08s ease;
		cursor: pointer;

		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3e%3cpath fill='%23e67e22' d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");
		background-repeat: no-repeat;
		background-position: right 12px center;
		background-size: 18px;
	}

	.room-type-container .choices.is-focused .choices__inner {
		outline: none;
		border-color: rgba(230, 126, 34, 0.9);
		box-shadow: 0 6px 30px rgba(230, 126, 34, 0.06), 0 0 0 4px rgba(230, 126, 34, 0.06);
		transform: translateY(-1px);
		border-radius: 10px;
	}

    .room-type-container .choices::after {
        display: none !important;
    }

	.room-type-container .choices__item {
		align-items: center;
		text-align: start;
		padding-bottom: 0px;
		padding-inline-start: 10px;
	}

	.room-type-container .choices.is-open .choices__item--choice {
		text-align: center;
	}

	.room-type-container .choices__list--dropdown {
		background: linear-gradient(145deg, rgba(26, 42, 58, 0.98), rgba(13, 27, 42, 0.98));
		border: 1px solid rgba(255, 255, 255, 0.2);
		border-radius: 10px;
	}

	.room-type-container .choices__list--dropdown .choices__item {
		color: #fff;
		padding: 0.5rem;
	}

	.room-type-container .choices__list--dropdown .choices__item--selectable.is-highlighted {
		background: rgba(230, 126, 34, 0.12);
		box-shadow: 0 6px 30px rgba(230, 126, 34, 0.06), 0 0 0 4px rgba(230, 126, 34, 0.06);
		color: #fff;
	}

	.room-type-container .choices__list--dropdown .choices__item--selectable.is-selected {
		background: linear-gradient(135deg, #e67e22, #d35400);
		color: #f8f9fa;
		box-shadow: 0 4px 15px rgba(230, 126, 34, 0.3);
	}

	@media (max-width: 768px) {
		.booking-container {
			padding: 20px;
		}

		.booking-form {
			grid-template-columns: 1fr 1fr;
			gap: 12px;
		}

		.form-group.room-type,
		.form-group.book-btn {
			grid-column: span 2;
		}

		.guests-dropdown {
			left: -8px;
			right: -8px;
		}
	}

	@media (max-width: 480px) {
		.booking-form {
			grid-template-columns: 1fr;
		}

		.form-group.book-btn {
			grid-column: span 1;
		}
	}