/* ========================================
   BELT CAR - SELETOR DE PAÍS / TELEFONE
   ======================================== */


/* BOTÃO DA BANDEIRA
   Mantém o fundo branco em todos os estados */
.belt-phone-trigger,
.belt-phone-trigger:hover,
.belt-phone-trigger:focus,
.belt-phone-trigger:focus-visible,
.belt-phone-trigger:focus-within,
.belt-phone-trigger:active,
.belt-phone-trigger[aria-expanded="true"] {
    background: #ffffff !important;
    background-color: #ffffff !important;
}


/* Alguns elementos internos do Bit Forms
   recebem o background separadamente */
.belt-phone-trigger button,
.belt-phone-trigger button:hover,
.belt-phone-trigger button:focus,
.belt-phone-trigger button:active,
.belt-phone-trigger [role="button"],
.belt-phone-trigger [role="button"]:hover,
.belt-phone-trigger [role="button"]:focus,
.belt-phone-trigger [role="button"]:active {
    background: #ffffff !important;
    background-color: #ffffff !important;
}


/* OPÇÕES DA LISTA - estado normal */
.belt-phone-option {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #002650 !important;
}


/* OPÇÃO EM HOVER */
.belt-phone-option:hover {
    background: #0799d0 !important;
    background-color: #0799d0 !important;
    color: #ffffff !important;
}


/* OPÇÃO SELECIONADA */
.belt-phone-option[aria-selected="true"],
.belt-phone-option[aria-current="true"],
.belt-phone-option[data-selected="true"] {
    background: #0799d0 !important;
    background-color: #0799d0 !important;
    color: #ffffff !important;
}


/* Faz textos internos obedecerem a cor da opção */
.belt-phone-option:hover *,
.belt-phone-option[aria-selected="true"] *,
.belt-phone-option[aria-current="true"] *,
.belt-phone-option[data-selected="true"] * {
    color: #ffffff !important;
}