/* phone-iti.css — layout glue between intl-tel-input v29 and .apl-telgrp */

/* The .iti wrapper (created by intl-tel-input around the input) fills the group box */
.apl-telgrp { padding-left: 8px; }
.apl-telgrp .iti { flex: 1 1 auto; width: 100%; }

/* Static dial code next to the flag — match the old .apl-telpre look */
.apl-telgrp .iti__selected-dial-code {
    color: var(--text);
    font-size: .92rem;
    font-weight: 700;
}

/* Validation states on the group box */
.apl-telgrp.is-invalid { border-color: #d98a8a; }
.apl-telgrp.is-valid { border-color: #8fbf9f; }

.phone-iti-error[hidden] { display: none; }