.ff-default .ff_btn_style {
    border: 2px solid transparent;
    width: 100%;
}

form.fluent_form_4 .ff-btn-submit {
    background-color: #3f417d!important;
    color: #ffffff!important;
    border-radius: .25rem!important;
    font-size: 15px!important;
	padding: 7px 15px!important;
}
.elementor .elementor-element.elementor-widget-n-tabs:not(:has(>.elementor-widget-container))>.e-n-tabs>.e-n-tabs-heading .e-n-tab-title[aria-selected=true]{
background-color: #6d81e3!important;
    background-image: none;
}

.ff-default .ff-el-form-control{
  
	padding: 8px 15px!important;
	border: 1px solid #746c6c !important;
	font-size: 15px;
}

.ff-default .ff_btn_style{
   padding: 6px 15px!important;
}
.fluentform .ff-el-group {
    margin-bottom: 10px !important;
}
.frm-fluent-form .choices__list--single .choices__item {
    font-size: 15px!important;
}

.frm-fluent-form .choices__inner {
	border: 1px solid #746c6c!important;}

/* contact form 7*/

.flight-form-wrapper {
    width: 100%;
    padding: 0;
}

.flight-form-wrapper .row {
    display: flex;
    gap: 15px;
}

.flight-form-wrapper .col {
    flex: 1;
}

.flight-form-wrapper input,
.flight-form-wrapper select {
    width: 100%;
    height: 44px;
    border: 1px solid #000;
    padding: 0 12px;
    font-size: 15px;
    color: #333;
}

.flight-form-wrapper input:focus,
.flight-form-wrapper select:focus {
    border-color: #4a68c1;
    outline: none;
}

.flight-form-wrapper .trip-type {
    margin-bottom: 15px;
    font-size: 16px;
}

.flight-form-wrapper .trip-type label {
    margin-right: 15px;
}

.flight-form-wrapper input[type="submit"] {
    background: #3f417d;
    color: #fff;
    border: none;
    cursor: pointer;
    height: 44px;
    font-size: 15px;
    border-radius: 5px;
    transition: 0.3s;
	 margin-top: 15px;
}

.flight-form-wrapper input[type="submit"]:hover {
    background: #6d81e3;
}

/* Fix radio button size */
.flight-form-wrapper input[type="radio"] {
    width: 16px !important;
    height: 16px !important;
    margin-right: 5px;
    appearance: radio !important;
    -webkit-appearance: radio !important;
}

.flight-form-wrapper .row {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.flight-form-wrapper .col {
  flex: 1;
  min-width: 200px;
}

.trip-type {
  margin-bottom: 15px;
}

input[type="submit"] {
  width: 100%;
  background: #3949d9;
  color: #fff;
  padding: 12px;
  font-size: 15px;
  border-radius: 6px;
}

/* Select passanger  */
/* Passenger Selector Display Box */
.passenger-selector-display {
    background: #fff;
    border-bottom: 1px solid #000;
    padding: 0 11px;
    cursor: pointer;
    font-size: 13px;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Dropdown Container */
.passenger-dropdown {
    display: none; 
    position: absolute;
    background: #fff;
    border-radius: 10px;
    padding: 15px 20px;
    width: 260px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
    z-index: 999;
    margin-top: 8px;
}

/* Each row inside dropdown */
.passenger-dropdown .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.passenger-dropdown label {
    font-size: 14px;
    color: #333;
}

/* Counter box */
.counter {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Minus / Plus Buttons */
.counter button {
    width: 30px;
    height: 30px;
    border-radius: 6px;
    border: none;
    background: #e6e6e6;
    font-size: 18px;
    cursor: pointer;
    transition: 0.2s;
}

.counter button.plus {
    background: #007bff;
    color: #fff;
}

.counter button.minus:hover,
.counter button.plus:hover {
    opacity: 0.8;
}

/* Count number style */
.counter .count {
    width: 20px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
}

/* Wrapper positioning fix */
.passenger-selector-wrapper {
    position: relative;
	margin-top: 12px;
}



.wpcf7 input[type="date"]:before{
  content: attr(placeholder)!important;
}



/* Contact Form 7 flight form – uniform font */
.flight-form-wrapper * {
    font-family: Arial, sans-serif !important;
    font-size: 12px !important;
}

/* Select field text fix */
.flight-form-wrapper select {
    font-family: Arial, sans-serif!important;
    font-size: 12px !important;
	background-color: #fff !important;
}

/* Text input fields */
.flight-form-wrapper input[type="text"],
.flight-form-wrapper input[type="email"],
.flight-form-wrapper input[type="tel"],
.flight-form-wrapper input[type="date"] {
    font-family: Arial, sans-serif!important;
    font-size: 12px !important;
}

/* Passenger dropdown text */
.ff-passenger-dropdown .row,
.ff-passenger-btn span {
    font-family: Arial, sans-serif!important;
    font-size: 14px !important;
}

/* Submit button */
.flight-form-wrapper input[type="submit"] {
    font-family: Arial, sans-serif!important;
    font-size: 14px !important;
}

/* Common class */
.custom-select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    
    padding-left: 40px !important; /* space for icon */
    background-position: 10px center !important; /* move icon to left */
    background-repeat: no-repeat !important;
    background-size: 18px !important;
}

/* DEPARTING FROM – Plane Takeoff Icon */
.custom-select.depart-icon {
    background-image: url('https://flightscan.ca/wp-content/uploads/2025/12/plan-icon.png');
}

/* GOING TO – Plane Landing Icon */
.custom-select.arrive-icon {
    background-image: url('https://flightscan.ca/wp-content/uploads/2025/12/68542.png');
}

/* Remove default browser date icon */
.custom-date {
    position: relative;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    padding-left: 40px !important; /* space for icon */
}

/* Hide the right icon completely */
.custom-date::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    right: 10px;
    cursor: pointer;
}

/* LEFT side calendar icon */
.date-icon {
    background-image: url('https://flightscan.ca/wp-content/uploads/2025/12/calendar-249.png');
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    background-position: 10px center !important;
}

/* Common input styling */
.custom-input {
    padding-left: 40px !important;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

/* ICON IMAGES (you can change PNG/SVG URL) */

/* Passengers */
.icon-passenger {
    background-image: url('https://flightscan.ca/wp-content/uploads/2025/12/passenger.png');
}

/* Cabin / Seat */
.icon-cabin {
    background-image: url('https://flightscan.ca/wp-content/uploads/2025/12/cabin.png');
	background-size: 15px !important;
}


/* User */
.icon-user {
    background-image: url('https://flightscan.ca/wp-content/uploads/2025/12/user.png');
	background-size: 15px !important;
}

/* Phone */
.icon-phone {
    background-image: url('https://flightscan.ca/wp-content/uploads/2025/12/phone.png');
	background-size: 15px !important;
}

/* Email */
.icon-email {
    background-image: url('https://flightscan.ca/wp-content/uploads/2025/12/envelop.png');
	background-size: 15px !important;
}


  .flight-form-wrapper .row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px !important;
  }
	.flight-form-wrapper input, .flight-form-wrapper select {
    border-bottom: 1px solid #000 !important;
    border: none;

}
	
	
	div#passengerSelector p {
    margin-top: 5px;
}

.required {
    color: #e53935 !important; /* professional red */
    margin-left: 5px !important;
}


/* Default (Desktop) */
.flight-form-wrapper .row {
    display: flex;
    flex-wrap: wrap;
}

.flight-form-wrapper .col {
    width: 100%;
}

@media (max-width: 768px) {
.flight-form-wrapper .col {
    flex: 1;
    min-width: 48%;
}
}