/* Câmpul de telefon cu listă de prefixe (camp-telefon.js). Lista e cea proprie a
   aplicației (lista-judet.css); de aici vin doar lățimile și înălțimea. Cu !important,
   fiindcă formularele pun „width: 100%" pe orice input din câmp, cu selectoare mai
   tari decât ale componentei. */
.er-camp-telefon {
    display: flex;
    align-items: stretch;
    gap: 8px;
    width: 100%;
}

    .er-camp-telefon > input:not([type="hidden"]) {
        flex: 1 1 0 !important;
        width: auto !important;
        min-width: 0 !important;
    }

    .er-camp-telefon > .er-lj {
        flex: 0 0 118px;
        width: 118px;
    }

    /* Butonul ia înălțimea casetei de lângă. */
    /* Culoarea textului scrisă, nu moștenită: pe un formular cu fundal închis (contactul
       platformei) textul alb al secțiunii ar fi ieșit alb pe butonul alb. */
    .er-camp-telefon .er-lj-buton,
    .er-camp-telefon .er-lj-panou {
        color: var(--er-text-main);
    }

    .er-camp-telefon .er-lj-buton {
        height: 100%;
        padding: 0 8px 0 12px;
    }

    /* Panoul e mai lat decât butonul: în el scrie și numele țării. */
    .er-camp-telefon .er-lj-panou {
        right: auto;
        width: 280px;
        max-width: calc(100vw - 32px);
    }