/* ====== FIX FINAL GF + MAPBOX (misma UI que el resto, sin celestes) ====== */

/* Inputs/select/textarea (blancos, cuadrados, sin borde) */
.form-porto .ginput_container input[type="text"],
.form-porto .ginput_container input[type="email"],
.form-porto .ginput_container input[type="tel"],
.form-porto .ginput_container input[type="url"],
.form-porto .ginput_container input[type="number"],
.form-porto .ginput_container input[type="password"],
.form-porto .ginput_container input[type="search"],
.form-porto .ginput_container select{
  height:54px; line-height:54px; padding:0 18px;
  background:#fff !important; border:0 !important; border-radius:0 !important;
  box-shadow:0 1.5px 6px rgba(0,0,0,.12) !important; color:#111; font-size:16px;
}
.form-porto .ginput_container textarea{
  min-height:160px; padding:14px 18px;
  background:#fff !important; border:0 !important; border-radius:0 !important;
  box-shadow:0 1.5px 6px rgba(0,0,0,.12) !important; color:#111; font-size:16px;
}
.form-porto ::placeholder{ color:rgba(0,0,0,.55); }

/* Focus sutil (sin glow ni colorines) */
.form-porto .ginput_container input:focus,
.form-porto .ginput_container select:focus,
.form-porto .ginput_container textarea:focus{
  outline:none !important; box-shadow:0 2px 8px rgba(0,0,0,.18) !important;
}

/* ===== Mapbox Geocoder: congelamos el look en TODOS los estados ===== */
.form-porto .gfsa2-input-wrap{ position:relative; }

/* Caja geocoder (misma que inputs) */
.form-porto .mapboxgl-ctrl-geocoder{
  width:100% !important; max-width:100% !important; height:54px !important;
  background:#fff !important; border:0 !important; border-radius:0 !important;
  box-shadow:0 1.5px 6px rgba(0,0,0,.12) !important;
}

/* Bloqueo total de cambios por hover/focus/active/expanded */
.form-porto .mapboxgl-ctrl-geocoder,
.form-porto .mapboxgl-ctrl-geocoder:hover,
.form-porto .mapboxgl-ctrl-geocoder:active,
.form-porto .mapboxgl-ctrl-geocoder:focus,
.form-porto .mapboxgl-ctrl-geocoder:focus-within,
.form-porto .mapboxgl-ctrl-geocoder.mapboxgl-ctrl-geocoder--collapsed,
.form-porto .mapboxgl-ctrl-geocoder.mapboxgl-ctrl-geocoder--expanded{
  background:#fff !important; border:0 !important; border-radius:0 !important;
  box-shadow:0 2px 8px rgba(0,0,0,.18) !important;
}

/* Input interno + paddings para lupa/botón (y sin cambios en focus) */
.form-porto .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--input,
.form-porto .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--input:hover,
.form-porto .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--input:focus,
.form-porto .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--input:active{
  height:54px !important; line-height:54px !important;
  padding-left:46px !important; padding-right:64px !important;
  background:#fff !important; border:0 !important; border-radius:0 !important;
  box-shadow:none !important; color:#111 !important; font-size:16px !important;
}

/* Lupa y botones posicionados, sin alterar fondo */
.form-porto .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--icon-search{
  left:14px !important; top:50% !important; transform:translateY(-50%) !important; opacity:.85 !important;
}
.form-porto .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--icon,
.form-porto .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--button{ right:66px !important; }

/* Botón "usar mi ubicación" (cuadrado, plano) */
.form-porto .gfsa2-locate-btn{
  position:absolute !important; right:12px !important; top:50% !important; transform:translateY(-50%) !important;
  width:38px !important; height:38px !important; background:#eee !important;
  border:0 !important; border-radius:0 !important; z-index:3 !important;
}
.form-porto .gfsa2-locate-btn:hover{ background:#e2e2e2 !important; }

/* Lista de sugerencias por arriba de todo */
.form-porto .mapboxgl-ctrl-geocoder .suggestions{ z-index:99999 !important; }

/* ===== Chrome autofill (saca el celeste SIEMPRE) ===== */
.form-porto input:-webkit-autofill,
.form-porto input:-webkit-autofill:hover,
.form-porto input:-webkit-autofill:focus,
.form-porto textarea:-webkit-autofill,
.form-porto select:-webkit-autofill{
  -webkit-text-fill-color:#111 !important;
  box-shadow:0 0 0 1000px #fff inset !important;
  transition:background-color 9999s ease-in-out 0s !important;
}

/* Si algún estilo del theme intenta pintar de celeste el wrapper, lo anulamos */
.form-porto .mapboxgl-ctrl-geocoder *{
  background:#fff !important; /* sólo la caja; la lista de sugerencias ya tiene su propio fondo */
}
.form-porto .mapboxgl-ctrl-geocoder .suggestions,
.form-porto .mapboxgl-ctrl-geocoder .suggestions *{
  background:initial !important; /* no tocamos el dropdown */
}