/* BOOKING FORM CSS */
		/* Change the greyed-out/unavailable date color */
		
		.flatpickr-day.flatpickr-disabled {
		  color: #D3D3D3  !important;
		  opacity: 0.75 !important;       /* stop Flatpickr from dimming it */
		}
		/* Next month’s days (visible in current view) */
		.flatpickr-day.nextMonthDay {
		  color: #A9A9A9  !important;
		  opacity: 1 !important;       /* remove fading */
		}
		.flatpickr-input {
		  border: none;
		  outline: none;
		  box-shadow: none;
		  background-color: #fff;
		  font-family: 'Poppins', Arial, sans-serif;
			font-size: 17px;
			-webkit-text-fill-color: #000;
		}
		/* Focus state */
		.flatpickr-input:focus,
		.flatpickr-input:focus-visible {
		  border:none;
		  outline: none;
		  box-shadow: none;
		}

		.form-section {
		  background-color: #8b0000;
		  border-radius: 8px;
		  <!-- max-width: 420px; -->
		  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
		  text-align: center;
		  margin:auto;
		  padding:20px;
		}

		.form-section h2 {
		  color: #fff;
		  font-size: 2em;
		  font-weight: 600;
		  letter-spacing: 0.5px;
		  margin-bottom:0px
		}

		.form-group {
		  margin-bottom: 15px;
		  text-align: left;
		}



		select, input[type="text"] {
		  width: 100%;
		  padding: 10px 12px;
		  border-radius: 5px;
		  border: none;
		  font-size: 17px;
		  -webkit-text-fill-color: #000;
		}
		
		.category-select {
			appearance: none;
			-webkit-appearance: none;
			-moz-appearance: none;
			outline: none;
			box-shadow: none;
			border:none;
			background-color: #fff;
		}

		.pickup-options {
		  display: flex;
		  justify-content: space-around;
		  margin: 20px 0;
		  color: #fff;
		  font-size: 14px;
		}

		.pickup-options label {
		  display: flex;
		  align-items: center;
		  gap: 5px;
		}

		.find-rentals-btn {
		  background-color: #fff;
		  color: #8b0000;
		  border: none;
		  padding: 10px 12px;
		  font-size: 17px;
		  font-weight: 750;
		  border-radius: 5px;
		  cursor: pointer;
		  transition: background 0.3s ease;
		  width: 100%;
		  height:60px;
		  border-radius:0px;
		}

		button:hover {
		  background-color: #f1d1d6;
		}

		/* Optional decorative accents */
		.divider {
		  height: 3px;
		  width: 60px;
		  background-color: #fff;
		  margin: 10px auto 20px;
		}
		
		.dropdown-icon-category {
		width: 20px;
		height: 20px;
		background: url("images/icons/category.svg") no-repeat center;
		background-size: contain;
		flex-shrink: 0;
	  }
	  .dropdown-icon-location {
		width: 20px;
		height: 20px;
		background: url("images/icons/location.svg") no-repeat center;
		background-size: contain;
		flex-shrink: 0;
	  }
	  .dropdown-icon-calendar {
		width: 20px;
		height: 20px;
		background: url("images/icons/calendar.svg") no-repeat center;
		background-size: contain;
		flex-shrink: 0;
	  }

	  .dropdown-divider {
		width: 1px;
		height: 20px;
		background: #ccc;
		margin: 0 10px;
	  }
  
	  .dropdown-wrapper {
		position: relative;
		background: #fff;
		border: 1px solid #ccc;
		display: flex;
		align-items: center;
		padding: 10px 12px;
		cursor: pointer;
		box-shadow: 0 2px 5px rgba(0,0,0,0.05);
		width: 100%;
	  }
	  #dateStart::placeholder {
		color: black;
		opacity: 1; /* prevent browsers from dimming it */
	  }
	  

		@media (min-width: 600px) {
			.form-container {
				justify-content: center;
				align-items: center;
				

			}
			.form-section{
				/* max-width:600px; */
				padding: 20px;
			}
			.dropdown-wrapper {
				flex: 1 1 calc(50% - 16px);
				max-width: calc(50% - 16px);
			}
			.find-rentals-btn {
				flex: 1 1 calc(50% - 16px);
				max-width: calc(75% - 16px); 
			}			
		}
		/* Larger Screens */
		@media (min-width: 900px) {
			.form-container {
				flex-direction: row;
				justify-content: space-evenly;

			}
			.dropdown-wrapper {
				flex: 1 1 calc(45% - 16px);
				max-width: calc(45% - 16px);
			}
			.find-rentals-btn {
				flex: 1 1 calc(45% - 16px);
				max-width: calc(45% - 16px);
			}
			.form-section{
				max-width:850px;
			}
			.booking-form{
				padding:10px 30px;
			}
		}
	  
	  /* BOOKING FORM CSS */