/* Phone fields (js/phone_input.js): the flag + number take the full width of the
   old plain input, and the "not a valid number" line sits right under it. */
.iti { display: block; width: 100%; }
.iti input[type="tel"] { width: 100%; }
.iti--container, .iti__dropdown-content { z-index: 2000; }   /* the open list, on <body>: above Bootstrap modals (1050) and the admin header */
.lq-phone-err { color: #dc3545; font-size: 13px; margin-top: 4px; }
/* "Pick your country with the flag…" under the field; plain text even inside an uppercase label */
.lq-phone-hint { display: block; margin-top: 5px; font-size: 12.5px; font-weight: 400; color: #64748b;
                 text-transform: none; letter-spacing: normal; }