
/* block text-[11px] font-medium text-neutral-500 uppercase tracking-wider mb-1.5 */
.cc_dadnPAQTf5_fWEb0wf5Bk .phone-input-label, .cc_dadnPAQTf5_R73yLd6K6b .phone-input-label, .cc_dadnPAQTf5_DmD1bs25Nf .phone-input-label {
  display: block;
  font-size: 11px;
  line-height: 1.5; /* eski preflight kalıtımı */
  font-weight: 500;
  color: #737373;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.375rem;
}

/* relative flex */
.cc_dadnPAQTf5_fWEb0wf5Bk .phone-input-wrap, .cc_dadnPAQTf5_R73yLd6K6b .phone-input-wrap, .cc_dadnPAQTf5_DmD1bs25Nf .phone-input-wrap {
  position: relative;
  display: flex;
}

/* flex items-center gap-1.5 px-3 h-12 border rounded-l-sm bg-neutral-50
   hover:bg-neutral-100 flex-shrink-0 border-neutral-200 */
.cc_dadnPAQTf5_fWEb0wf5Bk .phone-input-country, .cc_dadnPAQTf5_R73yLd6K6b .phone-input-country, .cc_dadnPAQTf5_DmD1bs25Nf .phone-input-country {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0 0.75rem;
  height: 3rem;
  border: 1px solid #e5e5e5;
  border-radius: 2px 0 0 2px;
  background: #fafafa;
  cursor: pointer;
  flex-shrink: 0;
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.cc_dadnPAQTf5_fWEb0wf5Bk .phone-input-country:hover, .cc_dadnPAQTf5_R73yLd6K6b .phone-input-country:hover, .cc_dadnPAQTf5_DmD1bs25Nf .phone-input-country:hover {
  background: #f5f5f5;
}
.cc_dadnPAQTf5_fWEb0wf5Bk .phone-input-country-error, .cc_dadnPAQTf5_R73yLd6K6b .phone-input-country-error, .cc_dadnPAQTf5_DmD1bs25Nf .phone-input-country-error {
  border-color: var(--lp-accent);
}

/* w-5 h-4 bg-neutral-200 rounded-sm inline-block (bayrak bulunamazsa) */
.cc_dadnPAQTf5_fWEb0wf5Bk .phone-input-flag-empty, .cc_dadnPAQTf5_R73yLd6K6b .phone-input-flag-empty, .cc_dadnPAQTf5_DmD1bs25Nf .phone-input-flag-empty {
  width: 20px;
  height: 16px;
  background: #e5e5e5;
  border-radius: 2px;
  display: inline-block;
  flex-shrink: 0;
}

/* text-xs text-neutral-600 font-medium */
.cc_dadnPAQTf5_fWEb0wf5Bk .phone-input-dial, .cc_dadnPAQTf5_R73yLd6K6b .phone-input-dial, .cc_dadnPAQTf5_DmD1bs25Nf .phone-input-dial {
  font-size: 12px;
  line-height: 16px;
  color: #525252;
  font-weight: 500;
}

/* w-3 h-3 text-neutral-400 */
.cc_dadnPAQTf5_fWEb0wf5Bk .phone-input-caret, .cc_dadnPAQTf5_R73yLd6K6b .phone-input-caret, .cc_dadnPAQTf5_DmD1bs25Nf .phone-input-caret {
  color: #a3a3a3;
}

/* w-full h-12 px-4 text-sm text-neutral-900 placeholder:text-neutral-400
   bg-white border border-l-0 rounded-r-sm outline-none */
.cc_dadnPAQTf5_fWEb0wf5Bk .phone-input-field, .cc_dadnPAQTf5_R73yLd6K6b .phone-input-field, .cc_dadnPAQTf5_DmD1bs25Nf .phone-input-field {
  width: 100%;
  height: 3rem;
  padding: 0 1rem;
  font-family: inherit;
  font-size: 14px;
  line-height: 20px;
  color: #171717;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-left: none;
  border-radius: 0 2px 2px 0;
  outline: none;
  transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.cc_dadnPAQTf5_fWEb0wf5Bk .phone-input-field::placeholder, .cc_dadnPAQTf5_R73yLd6K6b .phone-input-field::placeholder, .cc_dadnPAQTf5_DmD1bs25Nf .phone-input-field::placeholder {
  color: #a3a3a3;
}
.cc_dadnPAQTf5_fWEb0wf5Bk .phone-input-field:focus, .cc_dadnPAQTf5_R73yLd6K6b .phone-input-field:focus, .cc_dadnPAQTf5_DmD1bs25Nf .phone-input-field:focus {
  border-color: var(--lp-primary);
}
.cc_dadnPAQTf5_fWEb0wf5Bk .phone-input-field-error, .cc_dadnPAQTf5_R73yLd6K6b .phone-input-field-error, .cc_dadnPAQTf5_DmD1bs25Nf .phone-input-field-error, .cc_dadnPAQTf5_fWEb0wf5Bk .phone-input-field-error:focus, .cc_dadnPAQTf5_R73yLd6K6b .phone-input-field-error:focus, .cc_dadnPAQTf5_DmD1bs25Nf .phone-input-field-error:focus {
  border-color: var(--lp-accent);
}

/* absolute top-full left-0 mt-1 w-72 max-h-64 bg-white border border-neutral-200
   rounded-sm shadow-lg z-50 flex flex-col */
.cc_dadnPAQTf5_fWEb0wf5Bk .phone-input-dropdown, .cc_dadnPAQTf5_R73yLd6K6b .phone-input-dropdown, .cc_dadnPAQTf5_DmD1bs25Nf .phone-input-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 0.25rem;
  width: 18rem;
  max-height: 16rem;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  box-shadow:
    0 10px 15px -3px rgb(0 0 0 / 0.1),
    0 4px 6px -4px rgb(0 0 0 / 0.1);
  z-index: 50;
  display: flex;
  flex-direction: column;
}

/* p-2 border-b border-neutral-100 */
.cc_dadnPAQTf5_fWEb0wf5Bk .phone-input-search, .cc_dadnPAQTf5_R73yLd6K6b .phone-input-search, .cc_dadnPAQTf5_DmD1bs25Nf .phone-input-search {
  padding: 0.5rem;
  border-bottom: 1px solid #f5f5f5;
}

/* w-full h-9 px-3 text-sm bg-neutral-50 border border-neutral-200 rounded-sm */
.cc_dadnPAQTf5_fWEb0wf5Bk .phone-input-search-field, .cc_dadnPAQTf5_R73yLd6K6b .phone-input-search-field, .cc_dadnPAQTf5_DmD1bs25Nf .phone-input-search-field {
  width: 100%;
  height: 2.25rem;
  padding: 0 0.75rem;
  font-family: inherit;
  font-size: 14px;
  line-height: 20px;
  color: #171717;
  background: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  outline: none;
}
.cc_dadnPAQTf5_fWEb0wf5Bk .phone-input-search-field::placeholder, .cc_dadnPAQTf5_R73yLd6K6b .phone-input-search-field::placeholder, .cc_dadnPAQTf5_DmD1bs25Nf .phone-input-search-field::placeholder {
  color: #a3a3a3;
}
.cc_dadnPAQTf5_fWEb0wf5Bk .phone-input-search-field:focus, .cc_dadnPAQTf5_R73yLd6K6b .phone-input-search-field:focus, .cc_dadnPAQTf5_DmD1bs25Nf .phone-input-search-field:focus {
  border-color: var(--lp-primary);
}

/* overflow-y-auto flex-1 */
.cc_dadnPAQTf5_fWEb0wf5Bk .phone-input-list, .cc_dadnPAQTf5_R73yLd6K6b .phone-input-list, .cc_dadnPAQTf5_DmD1bs25Nf .phone-input-list {
  overflow-y: auto;
  flex: 1;
}

/* flex items-center gap-3 w-full px-3 py-2.5 text-left hover:bg-neutral-50 */
.cc_dadnPAQTf5_fWEb0wf5Bk .phone-input-option, .cc_dadnPAQTf5_R73yLd6K6b .phone-input-option, .cc_dadnPAQTf5_DmD1bs25Nf .phone-input-option {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  padding: 0.625rem 0.75rem;
  text-align: left;
  background: none;
  border: none;
  cursor: pointer;
  font-family: inherit;
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.cc_dadnPAQTf5_fWEb0wf5Bk .phone-input-option:hover, .cc_dadnPAQTf5_R73yLd6K6b .phone-input-option:hover, .cc_dadnPAQTf5_DmD1bs25Nf .phone-input-option:hover {
  background: #fafafa;
}
/* bg-brand-green/5 */
.cc_dadnPAQTf5_fWEb0wf5Bk .phone-input-option-active, .cc_dadnPAQTf5_R73yLd6K6b .phone-input-option-active, .cc_dadnPAQTf5_DmD1bs25Nf .phone-input-option-active {
  background: color-mix(in srgb, var(--lp-primary) 5%, transparent);
}

/* text-sm text-neutral-800 flex-1 */
.cc_dadnPAQTf5_fWEb0wf5Bk .phone-input-option-name, .cc_dadnPAQTf5_R73yLd6K6b .phone-input-option-name, .cc_dadnPAQTf5_DmD1bs25Nf .phone-input-option-name {
  font-size: 14px;
  line-height: 20px;
  color: #262626;
  flex: 1;
}

/* text-xs text-neutral-400 font-medium */
.cc_dadnPAQTf5_fWEb0wf5Bk .phone-input-option-dial, .cc_dadnPAQTf5_R73yLd6K6b .phone-input-option-dial, .cc_dadnPAQTf5_DmD1bs25Nf .phone-input-option-dial {
  font-size: 12px;
  line-height: 16px;
  color: #a3a3a3;
  font-weight: 500;
}

/* text-xs text-neutral-400 text-center py-4 */
.cc_dadnPAQTf5_fWEb0wf5Bk .phone-input-empty, .cc_dadnPAQTf5_R73yLd6K6b .phone-input-empty, .cc_dadnPAQTf5_DmD1bs25Nf .phone-input-empty {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  color: #a3a3a3;
  text-align: center;
  padding: 1rem 0;
}

/* text-[11px] text-accent mt-1 */
.cc_dadnPAQTf5_fWEb0wf5Bk .phone-input-msg, .cc_dadnPAQTf5_R73yLd6K6b .phone-input-msg, .cc_dadnPAQTf5_DmD1bs25Nf .phone-input-msg {
  margin: 0.25rem 0 0;
  font-size: 11px;
  line-height: 1.5; /* eski preflight kalıtımı */
  color: var(--lp-accent);
}
