/* ===== phone-field.css — خانة رقم الهاتف (زر الدولة + الرقم) + قائمة اختيار الدولة ===== */
.tel-row.tc{position:relative;display:flex;align-items:stretch;direction:ltr;width:100%;gap:0;height:52px}
.tel-row.tc>select.tc-native{position:absolute!important;left:0;top:0;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;padding:0!important;border:0!important;flex:none!important;min-width:0!important}
.tc-btn{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;border:0;background:none;cursor:pointer;font:800 15px/1 var(--font);color:#0f172a;padding:0 12px;direction:ltr;-webkit-tap-highlight-color:transparent;transition:background-color .15s,border-color .15s,box-shadow .15s}
.tc-flag{width:24px;height:18px;border-radius:4px;object-fit:cover;flex-shrink:0;box-shadow:0 0 0 1px rgba(15,23,42,.1)}
.tc-code{font-variant-numeric:tabular-nums;letter-spacing:.2px}
.tc-chev{width:15px;height:15px;fill:none;stroke:#94a3b8;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.tel-row.tc>input{flex:1 1 auto!important;min-width:0!important;width:auto!important;text-align:left!important;direction:ltr!important;font:700 16px var(--font)!important;letter-spacing:.8px!important;font-variant-numeric:tabular-nums;color:#0f172a!important;outline:none!important;-webkit-appearance:none;appearance:none;margin:0!important}
.tel-row.tc>input::placeholder{color:#b6c0cd!important;font-weight:600!important;letter-spacing:.8px}

/* خانتين منفصلتين متناسقتين: الدولة (علم + رمز) | الرقم */
.tel-row.tc{gap:8px}
.tc-btn{border:1.5px solid #e2e8f0;border-radius:14px;background:#f8fafc;min-width:116px;justify-content:space-between}
.tc-btn:active,.tc-btn:focus-visible{border-color:#F6921E;outline:none}
.tel-row.tc>input{border:1.5px solid #e2e8f0!important;border-radius:14px!important;background:#fff!important;height:100%!important;padding:0 14px!important;box-shadow:none!important;transition:border-color .15s,box-shadow .15s}
.tel-row.tc>input:focus{border-color:#F6921E!important;box-shadow:0 0 0 4px rgba(246,146,30,.14)!important}

/* خطأ بالخانة (فورم الإعلان) */
.bad .tel-row.tc>input{border-color:#e11d48!important}

/* ===== قائمة اختيار الدولة ===== */
.tc-ov{position:fixed;inset:0;z-index:11500;display:flex;align-items:flex-end;justify-content:center;background:rgba(15,23,42,0);visibility:hidden;transition:background-color .25s,visibility 0s .25s;direction:rtl;font-family:var(--font)}
.tc-ov.show{background:rgba(15,23,42,.45);visibility:visible;transition:background-color .25s}
.tc-sheet{width:100%;max-width:520px;height:80vh;height:80dvh;background:#fff;border-radius:24px 24px 0 0;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .32s cubic-bezier(.2,.8,.2,1);padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -12px 40px rgba(15,23,42,.2)}
.tc-ov.show .tc-sheet{transform:none}
@media(min-width:640px){
  .tc-ov{align-items:center;padding:24px}
  .tc-sheet{height:min(640px,80vh);border-radius:22px;opacity:0;transform:translateY(14px) scale(.98);transition:transform .25s cubic-bezier(.2,.8,.2,1),opacity .2s}
  .tc-ov.show .tc-sheet{opacity:1;transform:none}
  .tc-grab{display:none}
}
.tc-grab{width:40px;height:5px;border-radius:3px;background:#e2e8f0;margin:10px auto 2px;flex-shrink:0}
.tc-head{display:flex;align-items:center;justify-content:space-between;padding:10px 18px 12px;flex-shrink:0}
.tc-head b{font:900 19px var(--font);color:#0f172a}
.tc-x{width:36px;height:36px;border-radius:50%;border:0;background:#f3f4f6;color:#0f172a;display:grid;place-items:center;cursor:pointer}
.tc-x svg,.tc-search svg,.tc-ok{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.tc-x svg{width:17px;height:17px}
.tc-search{display:flex;align-items:center;gap:10px;height:48px;margin:0 16px 6px;padding:0 14px;border-radius:14px;background:#f3f4f6;color:#94a3b8;flex-shrink:0;cursor:text}
.tc-search svg{width:19px;height:19px;flex-shrink:0}
.tc-search input{flex:1;min-width:0;border:0;background:transparent;outline:none;font:600 15px var(--font);color:#0f172a;-webkit-appearance:none;appearance:none}
.tc-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.tc-search:focus-within{background:#fff;box-shadow:0 0 0 1.5px #F6921E inset}
.tc-list{position:relative;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0 8px 14px}
.tc-sec{margin:14px 12px 6px;font:800 12px var(--font);color:#94a3b8}
.tc-row{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;padding:10px 12px;border-radius:12px;cursor:pointer;text-align:start;font-family:var(--font);-webkit-tap-highlight-color:transparent}
.tc-row:active{background:#f3f4f6}
@media(hover:hover){.tc-row:hover{background:#f8fafc}}
.tc-row img{width:28px;height:21px;border-radius:4px;object-fit:cover;flex-shrink:0;box-shadow:0 0 0 1px rgba(15,23,42,.1);background:#f1f5f9}
.tc-row .nm{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.tc-row .nm b{font:800 14.5px var(--font);color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tc-row .nm small{font:500 11.5px var(--font);color:#94a3b8;direction:ltr;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tc-row .cd{font:800 14px var(--font);color:#475569;direction:ltr;font-variant-numeric:tabular-nums;flex-shrink:0}
.tc-row.on{background:#fff7ed}
.tc-row.on .cd{color:#E07D0A}
.tc-ok{width:18px;height:18px;color:#F6921E;flex-shrink:0}
.tc-empty{margin:30px 16px;text-align:center;font:700 14px var(--font);color:#94a3b8}