/* Ajustes do intl-tel-input para o tema AdminLTE / Bootstrap. - O wrapper .iti deve ocupar a largura toda do form-group. - A lista de países precisa ficar acima de modais (z-index alto). */ .iti { display: block; width: 100%; } .iti__country-list { z-index: 1080; } /* acima do .modal (1050+) */ .iti--inline-dropdown .iti__dropdown-content { z-index: 1080; } /* Dropdown renderizado no (dropdownContainer): precisa ficar acima do .modal e do backdrop, com lista de altura/largura confortáveis. */ .iti--container { z-index: 1090; } .iti--container .iti__dropdown-content { z-index: 1090; } .iti--container .iti__country-list { max-height: 260px; min-width: 260px; } /* Mantém o input com a cara do .form-control mesmo dentro do wrapper. */ .iti > input.form-control { width: 100%; } /* Espaço da bandeira + DDI. O intl-tel-input reserva esse espaço com style INLINE sem "!important", e temas que declaram "padding: ... !important" no .form-control (ex.: ".formulario .form-control" do site público) vencem o inline — o "+55" fica por cima do número/placeholder. Este fallback garante o espaço mínimo antes do JS medir; telefone-intl.js reaplica o valor exato (inline + !important, que vence esta regra) já no init e a cada troca de país. */ .iti--separate-dial-code input.iti__tel-input { padding-left: 92px !important; } .iti--allow-dropdown:not(.iti--separate-dial-code) input.iti__tel-input { padding-left: 52px !important; }