/* ============================================================
   BOLEPIX — CAMPOS WHATSAPP/TELEFONE VISIVEIS
   LOGIN + TESTE GRATIS + FORMULARIOS PUBLICOS
   ============================================================ */

input[type="tel"],
input[name="phone"],
input[name="telefone"],
input[name="whatsapp"],
input[name*="phone" i],
input[name*="telefone" i],
input[name*="whatsapp" i],

[data-phone-wrap] input,
.phone-wrap input,

.iti input,
.intl-tel-input input,
.iti--allow-dropdown input,

input.phone-national,
input.phone-full {

  color: #0f172a !important;

  -webkit-text-fill-color: #0f172a !important;

  caret-color: #0f172a !important;

  text-shadow: none !important;

  opacity: 1 !important;

}


/* Placeholder */

input[type="tel"]::placeholder,
input[name*="phone" i]::placeholder,
input[name*="telefone" i]::placeholder,
input[name*="whatsapp" i]::placeholder,

[data-phone-wrap] input::placeholder,
.phone-wrap input::placeholder,

.iti input::placeholder,
.intl-tel-input input::placeholder,
.iti--allow-dropdown input::placeholder,

input.phone-national::placeholder {

  color: #64748b !important;

  -webkit-text-fill-color: #64748b !important;

  opacity: 1 !important;

}


/* Autofill Chrome/Android */

input[type="tel"]:-webkit-autofill,
input[name*="phone" i]:-webkit-autofill,
input[name*="telefone" i]:-webkit-autofill,
input[name*="whatsapp" i]:-webkit-autofill,

[data-phone-wrap] input:-webkit-autofill,
.phone-wrap input:-webkit-autofill,

.iti input:-webkit-autofill,
.intl-tel-input input:-webkit-autofill,
.iti--allow-dropdown input:-webkit-autofill {

  -webkit-text-fill-color: #0f172a !important;

  caret-color: #0f172a !important;

}


/* Componentes de DDI/bandeira */

.iti,
.intl-tel-input,
[data-phone-wrap],
.phone-wrap {

  color: #0f172a !important;

  -webkit-text-fill-color: #0f172a !important;

}


.iti__selected-dial-code,
.iti__country-name,
.iti__dial-code,
.iti__arrow,
.iti__country-container,
.iti__selected-country,
.iti__selected-country-primary {

  color: #0f172a !important;

  -webkit-text-fill-color: #0f172a !important;

  opacity: 1 !important;

}


/*
 * TESTE GRÁTIS
 * Proteção adicional caso o input esteja dentro
 * de modal/card com color:white herdado.
 */

form input[type="tel"],
form input[name*="whatsapp" i],
form input[name*="phone" i],
form input[name*="telefone" i] {

  color: #0f172a !important;

  -webkit-text-fill-color: #0f172a !important;

  caret-color: #0f172a !important;

  opacity: 1 !important;

}