/* "Somente Brasil" checkout phone mask: bandeira fixa, sem seta/lista clicável. */
.autwhats-phone-locked .iti__selected-flag {
    pointer-events: none;
    cursor: default;
}

.autwhats-phone-locked .iti__arrow {
    display: none;
}

/* Checkout em Blocos apenas: o wrapper de campo do próprio bloco (e o CSS do tema) às vezes
   disputa o padding-left reservado pela bandeira do intl-tel-input, deixando a bandeira colada
   nos números. O checkout tradicional já fica bem espaçado por padrão e não é afetado por essa
   regra (só entra em elementos marcados pelo script de Blocos com a classe abaixo). */
.autwhats-phone-blocks .iti__flag-container {
    padding: 14px 4px 1px 8px;
}

.autwhats-phone-blocks .iti__selected-flag {
    padding: 0 10px 0 8px;
    border-right: 1px solid #e0e0e0;
    margin-right: 6px;
}

.autwhats-phone-blocks input {
    padding-left: 62px !important;
}

/* Opção "Mostrar bandeira no Checkout em Blocos" desligada: mantém a máscara/formatação do
   número, só esconde a bandeira e libera o espaço que ela ocupava. */
.autwhats-phone-blocks.autwhats-phone-no-flag .iti__flag-container {
    display: none;
}

.autwhats-phone-blocks.autwhats-phone-no-flag input {
    padding-left: 12px !important;
}