/* Phone field: country picker joined to the number, like the launch intro. */
.mc-tel { display: flex; align-items: stretch; width: 100%; min-width: 0; }
.mc-tel__cc { position: relative; flex: none; display: flex; align-items: center; gap: 6px; padding: 0 10px 0 13px; border: 1.5px solid #CFD8D6; border-right: 0; border-radius: 12px 0 0 12px; background: #F4F8F7; color: #0B4A43; font: 600 15px/1 var(--sans, Inter, system-ui, sans-serif); white-space: nowrap; cursor: pointer; transition: border-color .2s, box-shadow .2s; }
.mc-tel__cc svg { width: 11px; height: 11px; opacity: .55; }
.mc-tel__cc select { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; font-size: 16px; border: 0; padding: 0; margin: 0; }
.mc-tel > input[type="tel"] { flex: 1 1 auto; min-width: 0; width: auto !important; margin: 0; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
.mc-tel:focus-within .mc-tel__cc { border-color: var(--teal, #008F7E); }
.mc-tel__cc:focus-within { box-shadow: 0 0 0 3px rgba(0, 143, 126, .18); }
.mc-tel.is-bad .mc-tel__cc, .mc-tel.is-bad > input[type="tel"] { border-color: #C0392B !important; }
.mc-tel.is-bad > input[type="tel"] { box-shadow: 0 0 0 3px rgba(192, 57, 43, .1) !important; }
.mc-tel__hint { display: block; margin: 2px 2px 0; font-size: 13px; font-weight: 500; line-height: 1.4; color: #B3261E; }
.mc-tel__hint[hidden] { display: none; }
/* Survey and thank-you card sizes */
.mcv-field .mc-tel__cc { height: 48px; box-sizing: border-box; border-width: 1px; border-color: #DCE6E4; }
.mcv-field .mc-tel:focus-within .mc-tel__cc { border-color: #0B4A43; }
.mc-thanks__row .mc-tel { flex: 1; }
.mc-thanks__row .mc-tel__cc { border-width: 1px; border-color: #C9DCD9; background: #fff; }
/* WordPress admin */
.wp-admin .mc-tel__cc { border-width: 1px; border-color: #8c8f94; border-radius: 4px 0 0 4px; background: #f6f7f7; color: #1d2327; font-size: 14px; }
.wp-admin .mc-tel:focus-within .mc-tel__cc { border-color: #2271b1; }