/* Champ téléphone : pays (drapeau + indicatif) puis numéro. Voir phone-field.js. */
.pf{position:relative;display:flex;align-items:stretch;border:1.5px solid var(--line,#E4DCC9);border-radius:12px;background:var(--surface,#fff);min-height:44px}
.pf:focus-within{border-color:var(--gold-500,#C69B3D);box-shadow:0 0 0 3px rgba(198,155,61,.18)}
.pf-country{display:flex;align-items:center;gap:6px;padding:0 10px;border:0;border-inline-end:1.5px solid var(--line,#E4DCC9);background:var(--cream-100,#F1E9D8);border-radius:10px 0 0 10px;cursor:pointer;font:inherit;font-weight:600;color:var(--indigo-950,#1A2140);white-space:nowrap;min-width:0}
[dir="rtl"] .pf-country{border-radius:0 10px 10px 0}
.pf-country-text{max-width:12em;overflow:hidden;text-overflow:ellipsis}
.pf-caret{font-size:12.5px;opacity:.7}
.pf-flag{width:24px;height:18px;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.08);flex-shrink:0}
.pf-flag-slot:empty{display:none}
.pf-dial{display:none}
.pf-number{flex:1;min-width:0;border:0 !important;outline:none;padding:10px 12px;font:inherit;background:transparent;box-shadow:none !important;direction:ltr;text-align:start}
.pf-number:disabled{background:transparent;color:var(--ink-400,#8B8272);cursor:not-allowed}
.pf-pop{position:absolute;z-index:300;top:calc(100% + 6px);inset-inline-start:0;width:min(340px,92vw);background:var(--surface,#fff);border:1px solid var(--line,#E4DCC9);border-radius:14px;box-shadow:0 12px 32px rgba(26,33,64,.18);padding:8px}
.pf-pop[hidden]{display:none}
.pf-search{width:100%;box-sizing:border-box;padding:9px 11px;border:1.5px solid var(--line,#E4DCC9);border-radius:10px;font:inherit;margin-bottom:6px}
.pf-list{list-style:none;margin:0;padding:0;max-height:280px;overflow:auto}
.pf-option{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;cursor:pointer;font-size:15.5px}
.pf-option:hover,.pf-option.pf-active{background:var(--cream-50,#FAF6EE)}
.pf-option[aria-selected="true"]{font-weight:700}
.pf-name{flex:1}
.pf-code{color:var(--ink-600,#5B5346);font-variant-numeric:tabular-nums;direction:ltr}
.pf-disabled{opacity:.45;cursor:not-allowed}
.pf-empty{padding:10px;color:var(--ink-400,#8B8272);font-size:14.5px}