/* Uluslararası telefon alanı (assets/js/phone.js): numara alanının solunda ülke kodu seçici */
.tel-intl{position:relative;display:block;width:100%}
.tel-intl>input[type=tel]{display:block;width:100%;padding-left:96px}
.tel-cc{position:absolute;left:1px;top:1px;bottom:1px;z-index:2;display:flex;align-items:center;gap:8px;padding:0 11px 0 13px;border-right:1px solid var(--line,#E3EAF3);color:var(--ink,#0F2240);border-radius:10px 0 0 10px;transition:background-color .2s}
.tel-cc:hover{background:rgba(30,68,124,.05)}
.tel-cc:focus-within{background:rgba(30,68,124,.07);box-shadow:inset 0 0 0 2px rgba(58,115,194,.35)}
.tel-cc-t{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap;font-size:14px;line-height:1}
.tel-cc-t small{font-size:10.5px;font-weight:700;letter-spacing:.05em;color:var(--muted,#6B7A91)}
.tel-cc-t b{font-weight:650}
.tel-cc::after{content:"";width:6px;height:6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.45}
.tel-sel{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px;border:0;padding:0;margin:0;-webkit-appearance:none;appearance:none}
.tel-sel:disabled{cursor:default}
.tel-sel:disabled+*,.tel-cc:has(.tel-sel:disabled)::after{opacity:0}
/* Izgara düzenli formlarda (müşteri paneli .fld) satır esnese de kutu numara alanı yüksekliğinde kalsın; sayfa CSS'inin select/span kuralları seçiciye bulaşmasın */
.tel-intl{align-self:start;height:auto;font-size:inherit;font-weight:inherit;color:inherit}
.tel-intl .tel-sel{height:100%!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
label:has(>.tel-intl){align-content:start}
/* Dar sütunlarda (ör. müşteri paneli iki sütunlu form) ülke harfleri gizlenir, yalnızca kod kalır */
.tel-intl{container-type:inline-size}
@container (max-width:260px){
  .tel-cc{padding:0 8px 0 11px;gap:5px}
  .tel-cc-t small{display:none}
}