/* Phone number with a country-code picker (assets/phone.js). */
.abf-phone{display:flex;gap:.5rem;align-items:stretch;width:100%}
.abf-phone__code{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:.4rem;padding:0 .8rem;box-sizing:border-box;white-space:nowrap;font-variant-numeric:tabular-nums}
.abf-phone__code::after{content:"";width:.4rem;height:.4rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-30%) rotate(45deg);opacity:.65}
/* The real <select> covers the chip, invisible, so the platform's own list opens. */
.abf-phone__select{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;font-size:16px;-webkit-appearance:none;appearance:none}
.abf-phone__code:focus-within{outline:2px solid #7B0FD7;outline-offset:2px}
.abf-phone__number{flex:1 1 auto;min-width:0}
/* The original Elementor field: still submitted and still focusable, just not seen. */
.abf-phone__carrier{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;border:0!important;white-space:nowrap!important}