/* =============================================================================
   Auth — Google ile Giriş/Kayıt butonu + divider
   ============================================================================= */
.auth-divider {
  display: flex; align-items: center; gap: 14px;
  margin: 20px 0 16px;
  color: var(--yz-muted, #6b7280);
  font-size: 12px; font-weight: 600;
  text-transform: uppercase; letter-spacing: 2px;
}
.auth-divider::before,
.auth-divider::after {
  content: ""; flex: 1; height: 1px;
  background: linear-gradient(90deg, transparent, var(--yz-line, #e8e5dd) 30%, var(--yz-line, #e8e5dd) 70%, transparent);
}

.btn-google {
  display: flex; align-items: center; justify-content: center; gap: 12px;
  width: 100%;
  padding: 13px 20px;
  background: #fff;
  color: #3c4043;
  border: 1.5px solid var(--yz-line, #dadce0);
  border-radius: var(--yz-r, 12px);
  font-size: 15px; font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: background var(--yz-dur, 240ms) var(--yz-ease-out, cubic-bezier(.2,.7,.2,1)),
              border-color var(--yz-dur, 240ms) var(--yz-ease-out, cubic-bezier(.2,.7,.2,1)),
              transform 180ms ease,
              box-shadow 240ms ease;
  box-shadow: 0 2px 4px rgba(0,0,0,0.04);
}
.btn-google:hover {
  background: #f8f9fa;
  border-color: #c79a3a;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px -6px rgba(199,154,58,0.35), 0 2px 4px rgba(0,0,0,0.06);
}
.btn-google:active { transform: translateY(0); }
.btn-google:focus-visible {
  outline: 2px solid #c79a3a;
  outline-offset: 3px;
}
.btn-google svg { flex-shrink: 0; }

@media (prefers-reduced-motion: reduce) {
  .btn-google { transition: none; }
  .btn-google:hover { transform: none; }
}