/* assets/css/style-gf.css  – loads via wp_enqueue_style */

/* Address Geolocation */
/* -----------------------------------------------
   Style the host element itself 
------------------------------------------------- */
.main_color textarea::placeholder, .main_color input::placeholder {
  color: #314051;
  opacity: 1;
}

/* ----------------------  styles for <gmp-place-autocomplete>  */
#content .gform_wrapper gmp-place-autocomplete {
  /* ❶ Make it sit like any other GF input ------------------------ */
  display: block;
  width: 100%;
  /*padding: 0.75rem 1rem;*/        
  border: 2px solid var(--base-4, #cfd4d9);
  border-radius: 5px;
  background: #fff;
  font-size: 14px;
  font-family: Inter, sans-serif;
  box-sizing: border-box;

  /* ❷ Google-exposed custom properties --------------------------- */
  /* Container + outline */
  --md-outlined-text-field-container-shape: 2px;
  --md-outlined-text-field-outline-color:   #cfd4d9;
  --md-outlined-text-field-hover-outline-color: #39B549;
  --md-outlined-text-field-focus-outline-color: #39B549;

  /* Label & text */
  --md-outlined-text-field-label-text-color: #28384a;
  --md-outlined-text-field-input-text-color: #112337;

  /* Dropdown list */
  --gmp-menu-min-width: 260px;          /* wider dropdown if you like */
}

/* Hide Google’s default focus halo if you prefer your own */
#content .gform_wrapper gmp-place-autocomplete:focus-within {
  outline: none;              /* host outline off */
}