
.cc_c51ZkvUlXh_login .sosyal-giris, .cc_c51ZkvUlXh_register .sosyal-giris {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* Yan yana eşit butonlar, aralarında 10 px; tek sağlayıcıda tam genişlik. */
.cc_c51ZkvUlXh_login .sosyal-giris__butonlar, .cc_c51ZkvUlXh_register .sosyal-giris__butonlar {
  display: flex;
  gap: 0.625rem;
}

.cc_c51ZkvUlXh_login .sosyal-giris__iskelet, .cc_c51ZkvUlXh_register .sosyal-giris__iskelet {
  flex: 1;
  min-height: 2.75rem;
  border: 1px solid var(--kombos-gray-100);
  border-radius: 2px;
  background: var(--kombos-gray-50);
}

.cc_c51ZkvUlXh_login .sosyal-giris__not, .cc_c51ZkvUlXh_register .sosyal-giris__not {
  margin: 0;
  color: var(--kombos-gray-500);
  text-align: center;
}

.cc_c51ZkvUlXh_login .sosyal-giris__not-link, .cc_c51ZkvUlXh_register .sosyal-giris__not-link {
  color: var(--kombos-gray-700);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.cc_c51ZkvUlXh_login .sosyal-giris__not-link:hover, .cc_c51ZkvUlXh_register .sosyal-giris__not-link:hover {
  color: var(--kombos-gray-900);
}

.cc_c51ZkvUlXh_login .sosyal-giris__ayirici, .cc_c51ZkvUlXh_register .sosyal-giris__ayirici {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.cc_c51ZkvUlXh_login .sosyal-giris__cizgi, .cc_c51ZkvUlXh_register .sosyal-giris__cizgi {
  flex: 1;
  height: 1px;
  background: var(--kombos-gray-200);
}

.cc_c51ZkvUlXh_login .sosyal-giris__ayirici-metin, .cc_c51ZkvUlXh_register .sosyal-giris__ayirici-metin {
  color: var(--kombos-gray-500);
  white-space: nowrap;
}

/* Sosyal giriş butonu (14.11.2026, Seçenek B): yan yana eşit genişlik,
   44 px yükseklik (mobil dokunma alanı), ince gri kenarlık, beyaz zemin,
   köşe formdaki kutularla aynı (2 px). Logo 18 px + yalnız marka adı. */
.cc_c51ZkvUlXh_login .kombos-social-login-btn, .cc_c51ZkvUlXh_register .kombos-social-login-btn {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 2.75rem;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--kombos-gray-200);
  border-radius: 2px;
  background: var(--kombos-white);
  color: var(--kombos-gray-900);
  cursor: pointer;
  transition: border-color 0.15s ease;
  /* 13 px yazı; genel düğme stilinin harf aralığı ve büyük harfi sıfırlanır,
     formdaki etiketlerle aynı düz yazım. */
  font-size: 0.8125rem;
  letter-spacing: normal;
  text-transform: none;
}

.cc_c51ZkvUlXh_login .kombos-social-login-btn:hover, .cc_c51ZkvUlXh_register .kombos-social-login-btn:hover {
  border-color: var(--kombos-gray-400);
}

.cc_c51ZkvUlXh_login .kombos-social-login-btn:focus-visible, .cc_c51ZkvUlXh_register .kombos-social-login-btn:focus-visible {
  outline: 2px solid var(--kombos-gray-900);
  outline-offset: 2px;
}

.cc_c51ZkvUlXh_login .kombos-social-login-btn:disabled, .cc_c51ZkvUlXh_register .kombos-social-login-btn:disabled {
  cursor: progress;
  opacity: 0.6;
}

.cc_c51ZkvUlXh_login .kombos-social-login-btn__icon, .cc_c51ZkvUlXh_register .kombos-social-login-btn__icon {
  display: inline-flex;
  flex-shrink: 0;
  font-size: 1.125rem;
}
