/* Component: local phone country selector. No third-party CDN/assets required. */
.wpar-phone { position: relative; display: block; width: 100%; }
.wpar-phone__selector { position: absolute; top: 1px; left: 1px; z-index: 2; height: 48px; min-width: 110px; display: inline-flex; align-items: center; justify-content: flex-start; gap: 7px; padding: 0 10px; border: 0; border-radius: 9px; background: transparent; color: #0a0f3d; font: inherit; cursor: pointer; }
.wpar-phone__selector:hover { background: rgba(241, 244, 255, .72); }
.wpar-phone__selector:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.wpar-auth__field .wpar-phone__input { min-width: 0; width: 100%; height: 50px; padding: 0 15px 0 120px; border: 1px solid #cdd5ee; border-radius: 10px; background: #fff; color: #0a0f3d; font: inherit; font-size: 16px; }
.wpar-phone__input:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent); position: relative; z-index: 1; }
.wpar-phone:focus-within .wpar-phone__selector { color: #0a0f3d; background: transparent; }
.wpar-phone__flag { font-size: 19px; line-height: 1; flex: 0 0 auto; }
.wpar-phone__dial { font-size: 14px; font-weight: 700; white-space: nowrap; }
.wpar-phone__chevron { width: 14px; height: 14px; flex: 0 0 14px; display: block; color: #697397; transform: translateY(1px); }
.wpar-phone__dropdown { position: absolute; left: 0; right: 0; top: calc(100% + 7px); z-index: 50; overflow: hidden; border: 1px solid #cdd5ee; border-radius: 12px; background: #fff; box-shadow: 0 14px 36px rgba(10,15,61,.16); }
.wpar-phone__search { display: block; width: calc(100% - 16px); height: 42px; margin: 8px; padding: 0 11px; border: 1px solid #dbe1f2; border-radius: 8px; background: #fff; color: #0a0f3d; font: inherit; }
.wpar-phone__search:focus { outline: none; border-color: var(--accent); }
.wpar-phone__list { max-height: 260px; overflow: auto; padding: 4px; }
.wpar-phone__option { width: 100%; min-height: 42px; display: grid; grid-template-columns: 28px minmax(0,1fr) auto; align-items: center; gap: 8px; padding: 8px 9px; border: 0; border-radius: 8px; background: transparent; color: #0a0f3d; font: inherit; text-align: left; cursor: pointer; }
.wpar-phone__option:hover, .wpar-phone__option.is-selected { background: #f1f4ff; }
.wpar-phone__name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.wpar-phone__option-dial { color: #697397; font-size: 13px; white-space: nowrap; }
.wpar-phone__empty { padding: 16px 12px; color: #697397; font-size: 14px; text-align: center; }
.wpar-phone__dropdown[hidden] { display: none; }
@media (max-width: 480px) { .wpar-phone__selector { min-width: 104px; padding: 0 8px; } .wpar-auth__field .wpar-phone__input { padding-left: 114px; } .wpar-phone__dropdown { position: fixed; left: 16px; right: 16px; top: 50%; transform: translateY(-50%); max-height: 70vh; } .wpar-phone__list { max-height: calc(70vh - 58px); } }