/* Telefoonveld met landkeuze (telveld.js): de select (vlag + belcode) staat IN
 * het veld zelf, links, met een scheidingslijn — het gangbare patroon. De
 * !important-shims neutraliseren generieke label>span-regels van pagina's
 * (bv. .mc-veld > span{display:block;margin-bottom}) die anders op de
 * wrapper-span landen. */
span.wp-telveld{position:relative;display:block!important;width:100%;margin:0!important;padding:0!important;font-weight:400!important;font-size:14px!important;color:inherit!important}
.wp-telveld .wp-telveld-land{position:absolute;left:2px;top:2px;bottom:2px;width:92px;border:0;border-right:1px solid var(--gray-lighter-4,#e2e8f0);border-radius:7px 0 0 7px;background:transparent;font:inherit;font-size:13px;cursor:pointer;color:inherit;padding:0 4px 0 10px}
.wp-telveld .wp-telveld-land:hover{background:var(--gray-lighter-5,#f8fafc)}
.wp-telveld .wp-telveld-land:focus{outline:2px solid var(--brand-primary,#1d65af);outline-offset:-2px}
.wp-telveld input{width:100%;padding-left:104px!important}
/* Mobiel: veld >= 16px, anders zoomt iOS Safari in bij focus (de shim hierboven
 * dwingt 14px af, dus hier met dezelfde kracht overschrijven). */
@media (max-width: 640px){span.wp-telveld{font-size:16px!important}.wp-telveld input{font-size:16px}}