/* Override React Select control */
.css-13cymwt-control {
  background: transparent !important;  /* Remove background */
  height: 50px !important;             /* Fix height */
  min-height: 50px !important;         /* Ensure minimum height */  
  box-shadow: none !important;         /* Remove focus shadow if any */
  background-color: none;
  border-style: none !important;
  border-color: none !important;
}


/* Override selected value text */
/* Ensure selected value text matches parent text color */
.css-1dimb5e-singleValue {
  color: inherit !important;          /* Inherit text color from parent */
  background: transparent !important; /* Ensure no background */
}

/* Override placeholder */
.css-1jqq78o-placeholder {
  color: white !important;             /* Keep placeholder color same */
  line-height: 50px !important;        /* Align with control height */
}

/* Input inside the control (hidden but needed for proper sizing) */
.css-19bb58m input { 
  height: 50px !important;
  padding: 0 8px !important;
  background: transparent !important;
  color: inherit !important;            /* Keep text color same as parent */
}

/* Indicator container (arrow) styling */
.css-1xc3v61-indicatorContainer svg {
  fill: #e3d1c4 !important;              /* Make dropdown arrow visible on dark background */
}

/* Remove the indicator separator if needed */
.css-1u9des2-indicatorSeparator {
  display: none !important;
}

.css-1n7v3ny-menu {
  background: inherit !important; /* inherit parent's background */
  color: inherit !important;      /* ensure text color matches controls */
}

/* Optional: if using react-select for options inside the menu */
.css-yt9ioa-option {
  background: transparent !important; /* remove white background on hover/select */
  color: inherit !important;
}

.css-t3ipsp-control {
    background-color: transparent  !important;
    border-style: none !important;
    border-color: none !important;
}


.css-19bb58m   {
    background-color: transparent  !important;
    border: none !important;
    outline: none !important;
}

.timeline-purchase-select [class*="-placeholder"] {
  font-family: 'SWEETSANSPRO-BOLD' !important;
  font-size: 16px;
  color: #fff !important;
}

[class*="-singleValue"] {
  color: white !important;       /* Force white text when an item is selected */
  background: transparent !important;
  font-family: 'SWEETSANSPRO-BOLD' !important;
  font-size: 16px;
}

/* Remove all borders + glow */
.css-13cymwt-control,
.css-13cymwt-control--is-focused,
.css-13cymwt-control:focus,
.css-13cymwt-control:focus-within,
.css-13cymwt-control:hover {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
/* ===== property-form styles : START ===== */

.form-assembly-wrapper,
.property-form,
.property-form .component-content,
.property-form form {
  position: static !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  float: none !important;
  text-indent: 0 !important;
  overflow: visible !important;
  background: #fff !important;
  background-image: none !important;
  width: 100% !important;
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.property-form .component-content {
  padding: 0 !important;
  max-width: 100% !important;
}

.property-form form {
  padding: 40px 56px !important;
  box-sizing: border-box !important;
}

.property-form .page-header {
  background: transparent !important;
  border: none !important;
  overflow: visible !important;
  white-space: normal !important;
  padding: 0 !important;
  margin: 0 0 24px !important;
}
.property-form .page-header h1 {
  background: none !important;
  background-image: none !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
  -webkit-text-fill-color: #1a1a1a !important;
  color: #1a1a1a !important;
  text-align: center !important;
  text-indent: 0 !important;
  font-size: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.property-form .form-group,
.property-form .input-wrapper,
.property-form .input-wrapper--filled,
.property-form .input-wrapper--text-area {
  background: #fff !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  width: 100% !important;
  float: none !important;
  display: block !important;
  position: static !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
}

.property-form input[type="text"],
.property-form .form-control,
.property-form textarea#fxb_yourComments,
.property-form .sales-form__comments {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  display: block !important;
  position: static !important;
  box-sizing: border-box !important;
  background: #fff !important;
  background-image: none !important;
  color: #1a1a1a !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  padding: 12px 14px !important;
  height: auto !important;
  font-size: 15px !important;
  margin: 0 !important;
  text-indent: 0 !important;
  left: auto !important;
  text-transform: none !important;
}

.property-form .halfAvailableWidth {
  width: 100% !important;
}

.property-form input::placeholder,
.property-form textarea::placeholder {
  color: #888 !important;
  opacity: 1 !important;
  text-transform: uppercase !important;
}

.property-form .input-wrapper--text-area {
  position: static !important;
}
.property-form .input-wrapper--text-area label {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  display: block !important;
  color: #888 !important;
  font-size: 15px !important;
  font-weight: normal !important;
  text-transform: uppercase !important;
  margin: 0 0 6px !important;
  padding: 0 !important;
}
.property-form .input-wrapper--text-area label .required-star {
  color: #888 !important;
  font-weight: normal !important;
}

.property-form textarea#fxb_yourComments,
.property-form .sales-form__comments {
  min-height: 120px !important;
  resize: vertical !important;
}

.property-form input:focus,
.property-form textarea:focus {
  outline: none !important;
  border-color: #333 !important;
}

.property-form textarea#g-recaptcha-response,
.property-form .g-recaptcha-response {
  display: none !important;
}

.property-form .privacy-statement-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  text-align: center !important;
  margin: 8px auto 20px !important;
  padding: 0 !important;
}
.property-form .privacy-statement-link {
  color: #000 !important;
}
.property-form .privacy-statement,
.property-form .privacy-statement p,
.property-form .privacy-statement strong {
  text-align: left !important;
  color: #000 !important;
}

.property-form [name="g-recaptcha-response"] {
  display: flex !important;
  justify-content: center !important;
  margin: 0 auto 20px !important;
  border: none !important;
  background: transparent !important;
}

.property-form .form-submit-border {
  width: 100% !important;
  text-align: center !important;
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
}
.property-form input[type="submit"],
.property-form #btn--sbumit {
  display: inline-block !important;
  background: #1a1a1a !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 12px 40px !important;
  font-size: 15px !important;
  cursor: pointer !important;
  float: none !important;
  margin: 0 auto !important;
  margin-bottom: 20px !important;
}
.property-form input[type="submit"]:hover {
  background: #333 !important;
}

.resi-property-page .form:not(.form--custom) .page-header > * {
  padding-top: 20px !important;
}
.property-detail-left-column .form:not(.form--custom) {
  background-color: transparent;
  padding: 0px 20px !important;
}

@media (max-width: 600px) {
  .property-form form {
    padding: 28px 20px !important;
  }
}

/* ===== property-form styles : END ===== */