
/* Kaynak: brief/REGISTER-01-main.md §6 — s262 (.newUserWrapper), s279 (.iti), s280/s281 (.iti__flag-container),
   s282 (.iti__selected-flag), s283 (.iti__flag), s284 (.iti__arrow), s294 (input), s260/s261 (hata + ::before);
   açık liste brief/REGISTER-katman-w1440-06-turkey-turkiye-90.md — s666/s285/s286 (ul), s287/s410 (li),
   s288 (.iti__flag-box), s290 (.iti__country-name), s291 (.iti__dial-code), s292 (.iti__divider). */

.cc_ois9tmeu_YHod7JQu3g .aphone, .cc_ois9tmeu_Dt1YO0iRDw .aphone, .cc_ois9tmeu_xH25EBusLh .aphone {
  --aphone-text: var(--su-text-dark); /* c10 rgb(21,40,75) */
  --aphone-flag-bg: #dbdbdb; /* c2 */
  --aphone-list-line: #cccccc; /* c9 */
  --aphone-dial: #999999; /* rgb(153,153,153) */
  --aphone-arrow: #555555; /* rgb(85,85,85) */
  --aphone-active: rgba(0, 0, 0, 0.05);
  --aphone-error: #ff0000; /* c8 */
  --aphone-flag-shadow: rgb(136, 136, 136) 0px 0px 1px 0px; /* sh1 */
  --aphone-list-shadow: rgba(0, 0, 0, 0.2) 1px 1px 4px 0px; /* sh2 */
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  float: left;
  width: 100%;
  margin-top: 8px;
  font-family: var(--su-font);
  font-size: 12.8px;
  color: var(--su-black);
}
.cc_ois9tmeu_YHod7JQu3g .aphone::after, .cc_ois9tmeu_Dt1YO0iRDw .aphone::after, .cc_ois9tmeu_xH25EBusLh .aphone::after {
  content: "";
  display: table;
  clear: both;
}

/* ---- .iti (s279): 554×40 satır içi blok ---- */
.cc_ois9tmeu_YHod7JQu3g .aphone__iti, .cc_ois9tmeu_Dt1YO0iRDw .aphone__iti, .cc_ois9tmeu_xH25EBusLh .aphone__iti {
  display: inline-block;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background-color: var(--su-bg);
}

/* ---- bayrak kabı (s281): sol 0, 48×40, 1px iç boşluk ---- */
.cc_ois9tmeu_YHod7JQu3g .aphone__flag-container, .cc_ois9tmeu_Dt1YO0iRDw .aphone__flag-container, .cc_ois9tmeu_xH25EBusLh .aphone__flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 48px;
  padding: 1px;
}
/* ---- seçili bayrak (s282): 46×38, flex, 8/6 iç boşluk, z 1 ---- */
.cc_ois9tmeu_YHod7JQu3g .aphone__selected, .cc_ois9tmeu_Dt1YO0iRDw .aphone__selected, .cc_ois9tmeu_xH25EBusLh .aphone__selected {
  display: flex;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  align-items: center;
  width: 46px;
  height: 38px;
  margin: 0;
  padding: 0 6px 0 8px;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.cc_ois9tmeu_YHod7JQu3g .aphone__selected:disabled, .cc_ois9tmeu_Dt1YO0iRDw .aphone__selected:disabled, .cc_ois9tmeu_xH25EBusLh .aphone__selected:disabled {
  cursor: default;
}
/* ---- bayrak (s283): 20×14, gri zemin, 1px gölge ---- */
.cc_ois9tmeu_YHod7JQu3g .aphone__flag, .cc_ois9tmeu_Dt1YO0iRDw .aphone__flag, .cc_ois9tmeu_xH25EBusLh .aphone__flag {
  display: block;
  flex-shrink: 0;
  width: 20px;
  height: 14px;
  min-width: auto;
  min-height: auto;
  background-color: var(--aphone-flag-bg);
  box-shadow: var(--aphone-flag-shadow);
  overflow: hidden;
}
/* ---- ok (s284): 6×4 üçgen, sol 6px ---- */
.cc_ois9tmeu_YHod7JQu3g .aphone__arrow, .cc_ois9tmeu_Dt1YO0iRDw .aphone__arrow, .cc_ois9tmeu_xH25EBusLh .aphone__arrow {
  display: block;
  width: 0;
  height: 0;
  min-width: auto;
  min-height: auto;
  margin-left: 6px;
  border-top: 4px solid var(--aphone-arrow);
  border-right: 3px solid transparent;
  border-left: 3px solid transparent;
}
.cc_ois9tmeu_YHod7JQu3g .aphone--open .aphone__arrow, .cc_ois9tmeu_Dt1YO0iRDw .aphone--open .aphone__arrow, .cc_ois9tmeu_xH25EBusLh .aphone--open .aphone__arrow {
  border-top: 0;
  border-bottom: 4px solid var(--aphone-arrow);
}

/* ---- numara (s294): 40px, sol 52px iç boşluk, 14px lacivert ---- */
.cc_ois9tmeu_YHod7JQu3g .aphone__input, .cc_ois9tmeu_Dt1YO0iRDw .aphone__input, .cc_ois9tmeu_xH25EBusLh .aphone__input {
  display: block;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  float: left;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0 0 0 52px;
  border: 0;
  border-radius: 0;
  background-color: var(--su-bg);
  color: var(--aphone-text);
  font-family: var(--su-font);
  font-size: 14px;
  line-height: 40px;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
}
.cc_ois9tmeu_YHod7JQu3g .aphone__input:disabled, .cc_ois9tmeu_Dt1YO0iRDw .aphone__input:disabled, .cc_ois9tmeu_xH25EBusLh .aphone__input:disabled {
  cursor: default;
}
.cc_ois9tmeu_YHod7JQu3g .aphone__input::placeholder, .cc_ois9tmeu_Dt1YO0iRDw .aphone__input::placeholder, .cc_ois9tmeu_xH25EBusLh .aphone__input::placeholder {
  color: var(--aphone-dial);
  opacity: 1;
}

/* ---- açık liste (s666 / s286): .aphone__iti'ye (tam genişlik, relative) bağlı; kutunun 39px altında,
   x=0 (left 1px − margin 1px, kaynakla aynı), 200px yüksek, kaydırmalı, gölge; nowrap → içeriğe göre genişler ---- */
.cc_ois9tmeu_YHod7JQu3g .aphone__list, .cc_ois9tmeu_Dt1YO0iRDw .aphone__list, .cc_ois9tmeu_xH25EBusLh .aphone__list {
  display: block;
  position: absolute;
  top: 39px;
  left: 1px;
  z-index: 2;
  max-height: 200px;
  margin: 0 0 0 -1px;
  padding: 0;
  border: 1px solid var(--aphone-list-line);
  background-color: var(--su-bg);
  font-family: var(--su-font);
  font-size: 12.8px;
  text-align: left;
  white-space: nowrap;
  list-style-type: none;
  box-shadow: var(--aphone-list-shadow);
  overflow-x: auto;
  overflow-y: scroll;
  cursor: pointer;
}
/* s409 (w360 katman): kaynakta liste 48px'lik bayrak kabının içinde → shrink-to-fit = min-content
   (ölçüm: ul 146.7×200, x=27; metin sarar, "Turkey (Türkiye)" iki satır). Aynı sonuç: width:min-content. */
@media (max-width: 767px) {
  .cc_ois9tmeu_YHod7JQu3g .aphone__list, .cc_ois9tmeu_Dt1YO0iRDw .aphone__list, .cc_ois9tmeu_xH25EBusLh .aphone__list {
    width: min-content;
    white-space: normal;
  }
}
/* s287 / s410 (seçili) */
.cc_ois9tmeu_YHod7JQu3g .aphone__item, .cc_ois9tmeu_Dt1YO0iRDw .aphone__item, .cc_ois9tmeu_xH25EBusLh .aphone__item {
  padding: 5px 10px;
  outline: none;
}
.cc_ois9tmeu_YHod7JQu3g .aphone__item--active, .cc_ois9tmeu_Dt1YO0iRDw .aphone__item--active, .cc_ois9tmeu_xH25EBusLh .aphone__item--active, .cc_ois9tmeu_YHod7JQu3g .aphone__item:hover, .cc_ois9tmeu_Dt1YO0iRDw .aphone__item:hover, .cc_ois9tmeu_xH25EBusLh .aphone__item:hover, .cc_ois9tmeu_YHod7JQu3g .aphone__item:focus, .cc_ois9tmeu_Dt1YO0iRDw .aphone__item:focus, .cc_ois9tmeu_xH25EBusLh .aphone__item:focus {
  background-color: var(--aphone-active);
}
/* klavye vurgusu kaynak (.iti__highlight) gibi yalnız zemin rengi: çerçeve çizilmez */
.cc_ois9tmeu_YHod7JQu3g .aphone__item:focus-visible, .cc_ois9tmeu_Dt1YO0iRDw .aphone__item:focus-visible, .cc_ois9tmeu_xH25EBusLh .aphone__item:focus-visible {
  outline: none;
}
/* s292 */
.cc_ois9tmeu_YHod7JQu3g .aphone__divider, .cc_ois9tmeu_Dt1YO0iRDw .aphone__divider, .cc_ois9tmeu_xH25EBusLh .aphone__divider {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--aphone-list-line);
}
/* s288 */
.cc_ois9tmeu_YHod7JQu3g .aphone__flag-box, .cc_ois9tmeu_Dt1YO0iRDw .aphone__flag-box, .cc_ois9tmeu_xH25EBusLh .aphone__flag-box {
  display: inline-block;
  width: 20px;
  height: 14px;
  margin-right: 6px;
  vertical-align: middle;
}
/* s290 */
.cc_ois9tmeu_YHod7JQu3g .aphone__name, .cc_ois9tmeu_Dt1YO0iRDw .aphone__name, .cc_ois9tmeu_xH25EBusLh .aphone__name {
  margin-right: 6px;
  vertical-align: middle;
}
/* s291 */
.cc_ois9tmeu_YHod7JQu3g .aphone__dial, .cc_ois9tmeu_Dt1YO0iRDw .aphone__dial, .cc_ois9tmeu_xH25EBusLh .aphone__dial {
  color: var(--aphone-dial);
  vertical-align: middle;
}

/* ---- hata satırı (s260 + ::before s261) ---- */
.cc_ois9tmeu_YHod7JQu3g .aphone__err, .cc_ois9tmeu_Dt1YO0iRDw .aphone__err, .cc_ois9tmeu_xH25EBusLh .aphone__err {
  display: block;
  float: left;
  width: 100%;
  margin-top: 5px;
  color: var(--aphone-error);
  font-family: var(--su-font);
  font-size: 12px;
  line-height: 15px;
}
.cc_ois9tmeu_YHod7JQu3g .aphone__err .afield__err-icon, .cc_ois9tmeu_Dt1YO0iRDw .aphone__err .afield__err-icon, .cc_ois9tmeu_xH25EBusLh .aphone__err .afield__err-icon {
  display: block;
  float: left;
  width: 15px;
  height: 15px;
  margin-right: 5px;
}
