/* Shared phone and communication-language controls, including landing-page quizzes. */
.phone-field,.lead-phone-field,.lead-language-field{min-width:0;width:100%}
.phone-control{display:flex;align-items:stretch;width:100%;min-width:0;gap:0;border:1px solid var(--c-border,var(--line,#d7d2ca));border-radius:4px;background:var(--c-surface,var(--paper,#fff));color:var(--c-text,var(--ink,#292620));color-scheme:inherit}
.phone-control:focus-within{outline:2px solid var(--c-primary,var(--accent,#a65d40));outline-offset:2px}
.phone-control [data-phone-input]{flex:1;min-width:0;width:100%;min-height:46px;margin:0;border:0!important;border-radius:0 4px 4px 0;background:transparent;color:inherit;caret-color:var(--c-primary,var(--accent,#a65d40));box-shadow:none!important;outline:none!important;font:inherit;font-size:16px!important;padding:12px;direction:ltr;text-align:left;unicode-bidi:isolate}
.phone-control [data-phone-country]{max-width:44%;margin:0}
.phone-country-trigger{display:flex;align-items:center;justify-content:space-between;gap:9px;flex:0 0 auto;max-width:52%;min-width:96px;min-height:46px;margin:0;padding:10px 12px;border:0;border-inline-end:1px solid var(--c-border,var(--line,#d7d2ca));border-radius:4px 0 0 4px;background:var(--c-surface-soft,var(--warm,#f7f5f1));color:inherit;font:inherit;font-size:14px;font-weight:600;text-align:start;cursor:pointer}
.phone-country-trigger bdi{overflow-wrap:anywhere}
.phone-country-trigger svg{flex:none}
.phone-country-trigger:hover{background:var(--c-warm,var(--warm,#eee9e2))}
.phone-country-trigger:focus-visible{outline:2px solid var(--c-primary,var(--accent,#a65d40));outline-offset:-3px}
.phone-country-trigger[aria-invalid=true]{color:var(--c-red-fg,#9a3029)}
.phone-field-hint{display:block!important;margin:6px 0 0;font-size:12px!important;font-weight:400!important;line-height:1.45;color:var(--c-muted,var(--muted,#665f58))}
.phone-field-error{margin:6px 0 0;font-size:13px;line-height:1.45;color:var(--c-red-fg,#a12f25)}
.phone-country-picker{position:fixed;inset:auto;margin:0;padding:8px;box-sizing:border-box;z-index:11000;display:flex;flex-direction:column;gap:7px;max-width:calc(100vw - 24px);border:1px solid var(--c-border,var(--line,#cfc8be));border-radius:6px;background:var(--c-surface,var(--paper,#fff));color:var(--c-text,var(--ink,#292620));color-scheme:inherit;box-shadow:var(--shadow,0 10px 30px #29262026);overflow:hidden;font-family:inherit}
.phone-country-picker::backdrop{background:transparent}
.phone-country-picker .phone-country-search{flex:none;width:100%;min-width:0;box-sizing:border-box;margin:0;padding:10px 12px;border:1px solid var(--c-border,var(--line,#cfc8be));border-radius:3px;background:var(--c-surface,var(--paper,#fff));color:inherit;caret-color:var(--c-primary,var(--accent,#a65d40));font:inherit;font-size:16px;line-height:1.4}
.phone-country-search::placeholder{color:var(--c-muted,var(--muted,#665f58));opacity:1}
.phone-country-search:focus{outline:2px solid var(--c-primary,var(--accent,#a65d40));outline-offset:-2px}
.phone-country-options{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-color:var(--c-subtle,var(--muted,#665f58)) var(--c-surface,var(--paper,#fff))}
.phone-country-option{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:42px;margin:0;padding:9px 10px;border:0;border-radius:2px;background:transparent;color:inherit;font:inherit;font-size:14px;line-height:1.35;text-align:start;cursor:pointer}
.phone-country-option span{min-width:0;overflow-wrap:anywhere}
.phone-country-option bdi{flex:none;color:var(--c-muted,var(--muted,#655d55));font-size:12px;white-space:nowrap}
.phone-country-option:hover,.phone-country-option[data-active=true]{background:var(--c-warm,var(--warm,#f0eae2))}
.phone-country-option[aria-selected=true]{font-weight:700}
.phone-country-empty{margin:4px;padding:8px;font-size:14px;line-height:1.5}
.lead-language-field{display:grid;gap:6px;margin:0}
.lead-language-field>span,.lead-phone-field>span{font-size:inherit;font-weight:inherit}
.lead-language-field select{width:100%;min-width:0;min-height:46px;margin:0;padding:11px 12px;border:1px solid var(--c-border,var(--line,#d7d2ca));border-radius:4px;background:var(--c-surface,var(--paper,#fff));color:var(--c-text,var(--ink,#292620));color-scheme:inherit;font:inherit;font-size:16px;line-height:1.4}
.lead-language-field select:focus-visible{outline:2px solid var(--c-primary,var(--accent,#a65d40));outline-offset:2px}
.lead-language-field select option,.phone-control [data-phone-country],.phone-control [data-phone-country] option{background:var(--c-surface,var(--paper,#fff));color:var(--c-text,var(--ink,#292620));color-scheme:inherit}
.lead-language-field .phone-field-hint{margin-top:0}
.phone-field [hidden],.phone-country-picker[hidden]{display:none!important}
[dir=rtl] .phone-control [data-phone-input]{border-radius:4px 0 0 4px}
[dir=rtl] .phone-country-trigger{border-radius:0 4px 4px 0}
html[data-motion="reduced"] .phone-country-options{scroll-behavior:auto}
@media(prefers-reduced-motion:reduce){html:not([data-motion]) .phone-country-options{scroll-behavior:auto}}
.lead-form .lead-phone-field,.quiz-fields .lead-phone-field{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--c-muted,#665f58)}
.contact-step .lead-language-field{margin-top:13px;font-size:12px;font-weight:600}
.lead-context-notice{margin:0;font-size:12px;font-weight:400;line-height:1.55;color:var(--c-muted,var(--muted,#665f58))}
.contact-step .lead-context-notice{margin-top:12px}
