/* ── PHONE INPUT (drapeau + indicatif) — composant partagé, utilisé sur toutes les pages ──────────── */
.phone-input-wrap { position: relative; display: flex; }
.phone-dial-btn {
    display: flex; align-items: center; gap: .4rem; flex-shrink: 0;
    padding: .65rem .6rem; border: 1.5px solid var(--border, #e5e7eb); border-right: none;
    border-radius: .5rem 0 0 .5rem; background: #fff; cursor: pointer;
    font-family: 'Futura Std', sans-serif; font-size: .86rem; color: var(--text, #1a2332);
    transition: border-color .2s;
}
.phone-dial-btn:hover { background: var(--bg-soft, #f7f8fa); }
.phone-dial-btn .phone-dial-flag { font-size: 1.05rem; line-height: 1; }
.phone-dial-btn .phone-dial-code { white-space: nowrap; }
.phone-dial-btn i { font-size: .65rem; color: var(--text-muted, #6b7280); }
.phone-input-wrap .phone-number-input {
    flex: 1; min-width: 0; border-radius: 0 .5rem .5rem 0;
}
.phone-input-wrap.open .phone-dial-btn,
.phone-input-wrap .phone-dial-btn:focus { border-color: var(--aci-green, #00703c); }
.phone-dial-dropdown {
    display: none; position: absolute; top: calc(100% + 6px); left: 0; z-index: 40;
    width: 280px; max-width: 90vw; background: #fff; border: 1.5px solid var(--border, #e5e7eb);
    border-radius: .6rem; box-shadow: 0 12px 32px rgba(0,0,0,.14); overflow: hidden;
}
.phone-input-wrap.open .phone-dial-dropdown { display: block; }
.phone-dial-search {
    width: 100%; padding: .6rem .85rem; border: none; border-bottom: 1px solid var(--border, #e5e7eb);
    font-family: 'Futura Std', sans-serif; font-size: .84rem; outline: none;
}
.phone-dial-list { max-height: 260px; overflow-y: auto; }
.phone-dial-item {
    display: flex; align-items: center; gap: .55rem; width: 100%; padding: .5rem .85rem;
    border: none; background: none; text-align: left; cursor: pointer;
    font-family: 'Futura Std', sans-serif; font-size: .84rem; color: var(--text, #1a2332);
}
.phone-dial-item:hover, .phone-dial-item.active { background: var(--bg-soft, #f7f8fa); }
.phone-dial-item .phone-dial-flag { font-size: 1.05rem; flex-shrink: 0; }
.phone-dial-item .phone-dial-name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.phone-dial-item .phone-dial-code { color: var(--text-muted, #6b7280); flex-shrink: 0; }
.phone-dial-empty { padding: .75rem .85rem; font-size: .82rem; color: var(--text-muted, #6b7280); }