/* largura fixa do bloco da bandeira */
.iti--separate-dial-code .iti__flag-container {
    width: 110px !important;
    min-width: 110px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: transparent !important;
}

/* remove fundo cinza */
.iti--separate-dial-code .iti__selected-flag {
    background: transparent !important;
    border-right: 1px solid #e4e4e4 !important;
}

/* ajusta fonte do DDI */
.iti__selected-dial-code {
    font-size: 11px !important;
    line-height: 20px !important;
    background: transparent !important;
}

/* padding do número */
#phone {
    padding-left: 110px !important;
}

/* força container a ser 100% */
.iti {
    width: 100% !important;
    border-radius: 50px !important;
    position: relative !important;
}

/* ---- REMOVE NOME DO PAÍS DA LISTA ---- */
.iti__country-name {
    display: none !important; /* remove texto do país */
}

/* reduz a margem da flag pra ficar alinhado */
.iti__country .iti__flag {
    margin-right: 6px !important;
}

/* DDI logo após a bandeira */
.iti__country-dial-code {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #555 !important;
}

/* ---- DROPDOWN 100% ---- */
.iti__country-list {
    left: 0 !important;
    width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
}

.iti__country {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    white-space: nowrap !important;
    background: #fff !important;
}

.iti__country-list {
    background: #fff !important;
}