/* ===== SocialLoginButton — taban stili (spec: sosyal-giris.md §5.1) =====
 * Login ve Register kendi re-skin bloklarini SILDI (bkz. Login/styles.css,
 * Register/styles.css) — taban dogrudan 2C tuvaline gore. */

.cc_t2dowgyg_login .kombos-social-login-btn, .cc_t2dowgyg_register .kombos-social-login-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem; /* isaret-metin arasi 12px (tuval); bugun 10px'ti */
  width: 100%;
  height: 3rem; /* 48px sabit */
  min-height: 0;
  padding: 0 1rem;
  border: 1px solid var(--mh-outline-variant);
  border-radius: var(--mh-radius-button, 20px);
  background: transparent;
  color: var(--mh-on-surface);
  font-family: var(--mh-font-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  letter-spacing: 0;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

.cc_t2dowgyg_login .kombos-social-login-btn:hover:not(:disabled):not(.kombos-social-login-btn--loading), .cc_t2dowgyg_register .kombos-social-login-btn:hover:not(:disabled):not(.kombos-social-login-btn--loading) {
  background: color-mix(in srgb, var(--mh-surface-variant) 30%, transparent);
}

.cc_t2dowgyg_login .kombos-social-login-btn:active:not(:disabled):not(.kombos-social-login-btn--loading), .cc_t2dowgyg_register .kombos-social-login-btn:active:not(:disabled):not(.kombos-social-login-btn--loading) {
  background: color-mix(in srgb, var(--mh-surface-variant) 30%, transparent);
}

.cc_t2dowgyg_login .kombos-social-login-btn svg.kombos-icon, .cc_t2dowgyg_register .kombos-social-login-btn svg.kombos-icon {
  height: 1.25rem;
  width: 1.25rem;
  flex-shrink: 0;
}

/* Google cok renkli SVG, Facebook marka mavisi — ikisi de 20px (mevcut
 * istisna, tuval de aynen koruyor). */
.cc_t2dowgyg_login .kombos-social-login-btn--facebook svg.kombos-icon path, .cc_t2dowgyg_register .kombos-social-login-btn--facebook svg.kombos-icon path {
  color: #1877f2;
}

/* --- Yonlendiriliyor (Durumlar.dc.html) --- */
.cc_t2dowgyg_login .kombos-social-login-btn--loading, .cc_t2dowgyg_register .kombos-social-login-btn--loading {
  border-color: var(--mh-primary);
  color: var(--mh-primary);
  opacity: 1;
  cursor: default;
}

.cc_t2dowgyg_login .kombos-social-login-btn--loading .kombos-spinner, .cc_t2dowgyg_register .kombos-social-login-btn--loading .kombos-spinner {
  height: 1.25rem;
  width: 1.25rem;
  flex-shrink: 0;
  color: var(--mh-primary);
}

/* --- Pasif (diger satir, yonlendirme sürerken) --- */
.cc_t2dowgyg_login .kombos-social-login-btn:disabled, .cc_t2dowgyg_register .kombos-social-login-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.cc_t2dowgyg_login .kombos-social-login-btn:disabled:hover, .cc_t2dowgyg_register .kombos-social-login-btn:disabled:hover {
  background: transparent;
}

/* ===== SocialLoginGroup — satir grubu (Login + Register paylasir) ===== */
.cc_t2dowgyg_login .kombos-social-login-group, .cc_t2dowgyg_register .kombos-social-login-group {
  display: flex;
  flex-direction: column;
  gap: 0.75rem; /* satirlar arasi 12px */
}

/* ===== Onay cumlesi (§5.3 — yalniz Kayit; Login bu prop'u hic gecmez) ===== */
.cc_t2dowgyg_login .kombos-social-login-consent, .cc_t2dowgyg_register .kombos-social-login-consent {
  margin: 0.75rem 0 0; /* son satirdan 12px */
  font-family: var(--mh-font-body);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  text-align: center;
  text-wrap: pretty;
  color: var(--mh-on-surface-variant);
}

.cc_t2dowgyg_login .kombos-social-login-consent__link, .cc_t2dowgyg_register .kombos-social-login-consent__link {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.cc_t2dowgyg_login a.kombos-social-login-consent__link:hover, .cc_t2dowgyg_register a.kombos-social-login-consent__link:hover {
  color: var(--mh-primary);
}